/* section1 */
#map h3 { margin-bottom: 3.9583%; }
@media screen and (min-width: 1281px) { #map h3 { margin-bottom: 38px; } }
@media screen and (max-width: 640px) { #map h3 { margin-bottom: 6.6666%; } }
#map h3 img { width: 7.8645%; }
@media screen and (max-width: 640px) { #map h3 img { width: 12%; } }
#map #googlemap { background-color: #f9f9f9; position: relative; padding-top: 75%; height: 0; overflow: hidden; }
#map #googlemap iframe, #map #googlemap object, #map #googlemap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#map .paragraph ~ .paragraph { margin-top: 2.0833%; }
@media screen and (min-width: 1281px) { #map .paragraph ~ .paragraph { margin-top: 20px; } }
@media screen and (max-width: 640px) { #map .paragraph ~ .paragraph { margin-top: 1.6666%; } }
#map .paragraph:nth-of-type(2) { padding-left: 2.0833%; }
@media screen and (min-width: 1281px) { #map .paragraph:nth-of-type(2) { padding-left: 20px; } }
@media screen and (max-width: 640px) { #map .paragraph:nth-of-type(2) { padding-left: 1.6666%; } }
#map .paragraph:nth-of-type(2) div[class*=pure-u]:nth-of-type(2) { text-align: right; }
#map .paragraph:nth-of-type(2) div[class*=pure-u]:nth-of-type(2) a.btn { padding-left: 18.75%; padding-right: 18.75%; padding-top: 4.5833%; padding-bottom: 4.5833%; }
@media screen and (min-width: 1281px) { #map .paragraph:nth-of-type(2) div[class*=pure-u]:nth-of-type(2) a.btn { padding-left: 90px; } }
@media screen and (max-width: 640px) { #map .paragraph:nth-of-type(2) div[class*=pure-u]:nth-of-type(2) a.btn { padding-left: 8%; } }
@media screen and (min-width: 1281px) { #map .paragraph:nth-of-type(2) div[class*=pure-u]:nth-of-type(2) a.btn { padding-right: 90px; } }
@media screen and (max-width: 640px) { #map .paragraph:nth-of-type(2) div[class*=pure-u]:nth-of-type(2) a.btn { padding-right: 8%; } }
@media screen and (min-width: 1281px) { #map .paragraph:nth-of-type(2) div[class*=pure-u]:nth-of-type(2) a.btn { padding-top: 22px; } }
@media screen and (max-width: 640px) { #map .paragraph:nth-of-type(2) div[class*=pure-u]:nth-of-type(2) a.btn { padding-top: 10%; } }
@media screen and (min-width: 1281px) { #map .paragraph:nth-of-type(2) div[class*=pure-u]:nth-of-type(2) a.btn { padding-bottom: 22px; } }
@media screen and (max-width: 640px) { #map .paragraph:nth-of-type(2) div[class*=pure-u]:nth-of-type(2) a.btn { padding-bottom: 10%; } }

/* section2 */
#access h3 img { width: 22.9166%; }
@media screen and (max-width: 640px) { #access h3 img { width: 33.3333%; } }
#access section { padding-left: 4.176%; padding-right: 4.176%; }
@media screen and (min-width: 1281px) { #access section { padding-left: 37px; } }
@media screen and (max-width: 640px) { #access section { padding-left: 0%; } }
@media screen and (min-width: 1281px) { #access section { padding-right: 37px; } }
@media screen and (max-width: 640px) { #access section { padding-right: 0%; } }
#access section ~ section { margin-top: 4.375%; }
@media screen and (min-width: 1281px) { #access section ~ section { margin-top: 42px; } }
@media screen and (max-width: 640px) { #access section ~ section { margin-top: 5.3333%; } }
#access section h4 { margin-bottom: 2.7088%; }
@media screen and (min-width: 1281px) { #access section h4 { margin-bottom: 24px; } }
@media screen and (max-width: 640px) { #access section h4 { margin-bottom: 2%; } }
#access section p, #access section ul { font-size: 0.83333em; }
#access section:nth-of-type(1) ul { margin-top: 0.8333%; }
@media screen and (min-width: 1281px) { #access section:nth-of-type(1) ul { margin-top: 8px; } }
@media screen and (max-width: 640px) { #access section:nth-of-type(1) ul { margin-top: 0.6666%; } }
#access section:nth-of-type(2) { margin-bottom: 2.0833%; }
@media screen and (min-width: 1281px) { #access section:nth-of-type(2) { margin-bottom: 20px; } }
@media screen and (max-width: 640px) { #access section:nth-of-type(2) { margin-bottom: 1.6666%; } }