.intro{margin:0 0 60px;position:relative;border-bottom:1px solid #C7C7C7}@media only screen and (max-width: 768px){.intro{margin:0 0 28px}}.intro::before{background-position:center;background-size:cover;position:absolute;height:100%;width:calc(50% - 30px);right:0}@media only screen and (max-width: 1024px){.intro::before{height:35vh;width:100%;display:block;top:70px}}.intro p{font-size:24px;line-height:34px}@media only screen and (max-width: 1024px){.intro p{font-size:18px;line-height:26px}}.intro+.framed{margin-top:0;border-top:none}.intro .block__content{padding:calc(3 * 60px) 0 calc(2 * 60px)}@media only screen and (max-width: 1024px){.intro .block__content{padding:calc(2 * 28px) 0 calc(2 * 28px);margin-top:90px}.intro .block__content.has-image{padding:calc(2 * 28px) 0 calc(2 * 28px);margin-top:calc(35vh + 70px)}}.map-container{position:absolute;width:calc(50% - 30px);right:0;height:100%;top:0;bottom:0;background-color:#f7f7f7}@media only screen and (max-width: 1024px){.map-container{width:100%;height:35vh;top:70px}}.map-container #map{height:100%;width:100%}.map-container #map .mapboxgl-control-container div{z-index:0}.map-container #map .mapboxgl-control-container .mapboxgl-ctrl-top-right{margin-top:100px}.map-container #map .marker{width:25px;height:35px;margin-top:-17px;background-image:url("images/marker.svg");background-size:cover;background-repeat:no-repeat}