*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:16px;box-sizing:border-box}h1{margin:0}#hero{position:relative;height:100vh;display:flex;flex-direction:column}#hero header{position:relative;top:0;left:0;right:0}#hero .logo{padding:2rem}#hero .logo img{width:80px}#hero-bg{position:absolute;inset:0}#hero-bg img{object-fit:cover;height:100%;width:100%;object-position:right bottom}#hero-content{position:relative;padding:2rem;display:flex;height:100%;align-items:center}#hero-content h1{font-size:4rem;color:#fff;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}#hero-content p{color:#fff;font-size:1rem;max-width:48rem;line-height:1.5rem;margin-bottom:2rem}#contact-us{padding:3rem 1rem 5rem;background:#f9bb4e;display:flex;justify-content:center}#contact-us h2{font-size:2rem}#contact-us form{margin-top:2rem;display:block}.form-grp{margin-bottom:1rem}.form-grp label{display:block;font-size:1.5rem;margin-bottom:.5rem}.form-grp input{width:100%;padding:.5rem;background-color:#fbeee0;border:2px solid #422800;border-radius:8px;color:#422800;font-size:1.5rem}.form-grp textarea{font-family:Roboto,sans-serif;width:100%;min-height:7rem;padding:.5rem;background-color:#fbeee0;border:2px solid #422800;border-radius:8px;color:#422800;font-size:1.5rem}.form-grp .error{min-height:1.5rem;color:#dc2626;margin-top:.5rem}.btn-primary{background-color:#fbeee0;border:2px solid #422800;border-radius:30px;box-shadow:#422800 4px 4px;color:#422800;cursor:pointer;display:inline-block;font-weight:600;font-size:18px;padding:0 18px;line-height:50px;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.btn-primary:hover{background-color:#fff}.btn-primary:active{box-shadow:#422800 2px 2px;transform:translate(2px,2px)}footer{padding:2rem;background:#1e293b;color:#fff}footer ul{list-style:none;padding:0;margin:0}footer ul li{margin:.5rem 0;opacity:.8}footer ul li:first-child{font-weight:700}footer .logo img{width:60px}@media (min-width: 768px){.btn-primary{min-width:120px;padding:0 25px}}@media (max-width: 768px){#hero-content h1{font-size:2rem}#hero-content p{color:#fff;font-size:1rem;max-width:48rem}#hero-content{padding:1rem}footer{padding:1rem}#hero .logo{padding:1rem}}