@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap");body{font-family:'Montserrat', sans-serif;font-size:18px}nav.navbar,footer{background-color:#231f20}.nav-btn{margin-left:8px;text-transform:uppercase;background-color:gold}.nav-btn:hover,.nav-btn:focus{background-color:#ffdf33}header{position:relative;height:540px;background:linear-gradient(rgba(35,31,32,0.7), rgba(35,31,32,0.7)),url(/assets/sa-hero.jpg) no-repeat center center/cover;background-color:#2d3142;-webkit-animation:fadein 2s;animation:fadein 2s}header .container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}header h1{font-weight:600;text-transform:uppercase;text-shadow:2px 2px 8px gold}@media (min-width: 768px){header h1{font-size:56px}}@media (min-width: 1024px){header h1{font-size:80px}}@media (min-width: 1024px){header h2{font-size:46px}}#intro{margin:112px auto 0;padding:0;font-size:40px}@media (min-width: 1024px){#intro{font-size:56px}}#services{margin:112px auto 0;padding:0}#services h2{margin-bottom:48px;font-weight:600}#services .service-item{margin-bottom:32px;padding:64px 16px;text-align:center;border-radius:2%;background-color:gold}#services .service-item h3{margin-top:16px;font-weight:600}@media (min-width: 768px){#services .service-item--3{padding:50px 16px}}#contact{margin-top:112px;padding:64px 0;color:white;background-color:rgba(35,31,32,0.9)}#contact h3{margin-bottom:16px;font-weight:600}#contact .contact-btn{margin-top:24px;text-transform:uppercase;background-color:gold}#contact .contact-btn:hover,#contact .contact-btn:focus{background-color:#ffdf33}footer{font-size:14px}