h1{opacity: .75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}#intro{padding: 6rem 0 4rem 0; background-size: cover; background-position: 50% 100%}#intro #text *{font-size: 2rem; color: #fff; text-shadow: 0 0 5px rgba(0,0,0,0.75)}#button{width: 100%; top: 100%}#button a{transform: translateY(-3rem); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; background: linear-gradient(90deg,#038e00,#0029d2); padding: 1rem 3rem; font-size: 2rem; text-transform: uppercase}#button a:hover{box-shadow: 0 0 20px #0029d2}#map-contacts{background-position: 50% 30%; background-repeat: no-repeat; background-size: 60%}#map-contacts h1{color: #038e00}#map{width: 100%; height: 400px; outline: 5px solid #bad29f; background: #bad29f}#contacts{max-width: 80rem; margin: 0 auto}#contacts *{font-size: 1.4rem}#contacts>div{max-width: 24rem}#contacts .inner.flex{min-width: 24rem}#contacts .inner.flex .icon{flex: 1}#contacts .inner.flex .text{flex: 20}@media (max-width: 400px){h1{font-size: 3rem; line-height: 2.4rem; letter-spacing: -0.2rem}#intro #text *{font-size: 1.2rem; text-shadow: 0 0 2px rgba(0,0,0,0.75)}} @media (min-width: 401px) and (max-width: 600px){h1{font-size: 4rem; line-height: 3rem; letter-spacing: -0.2rem}#intro #text *{font-size: 1.4rem; text-shadow: 0 0 3px rgba(0,0,0,0.75)}} @media (min-width: 601px) and (max-width: 800px){h1{font-size: 6rem; line-height: 4rem; letter-spacing: -0.3rem}#intro #text *{font-size: 1.8rem; text-shadow: 0 0 4px rgba(0,0,0,0.75)}}