.top-banner{margin-bottom:100px}
h2.section-title-img{margin:0 0 80px;text-align:center}
h2.section-title-img img{max-width:400px;margin:0 auto}

.site-map{}
.site-map img{}

#how-to-go{margin-top:100px}
.transportations{}
.transportations h3{font-size:40px;margin:0 0 30px;color:var(--primary-color)}
.transportations h3 img{max-width:80px;margin:0 15px 0 0;vertical-align:middle}

#map-preview{margin-top:100px}
.map-frame-container{position:relative;padding-top:56.25%;margin-bottom:100px}
.map-frame-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}

ul.ways{margin:0 0 60px}
ul.ways li{font-size:25px;color:var(--primary-color);margin:0 0 10px}

.qrcode{text-align:center}
.qrcode h4{font-size:20px;color:var(--primary-color)}
.qrcode img{max-width:300px}

@media screen and (max-width: 991px) {
	h2.section-title-img img{max-width:200px}
}

@media screen and (max-width: 768px) {
	.top-banner{margin-bottom:40px}
	h2.section-title-img{margin-bottom:40px}
	.transportations h3{font-size:25px}
	ul.ways li{font-size:18px}
	.qrcode img{max-width:230px}
	.transportations h3 img{max-width:50px}
}

@media screen and (max-width: 550px) {
	h2.section-title-img{margin-bottom:40px}
	h2.section-title-img img{max-width:170px}
	.map-frame-container{padding-top:0;aspect-ratio:1 / 1}
}