.hero{height:100vh;background-image:url(/img/hero-bg.png);background-size:cover;text-align:right;display:flex;justify-content:flex-start;position:relative;align-items:center;overflow:hidden}.hero,.hero:after{width:100%;z-index:1}.hero:after{content:"";position:absolute;top:0;left:0;height:100%;background-color:rgba(0,0,0,.1)}.hero *{position:relative;z-index:2}.heroappoint{background-color:hsla(27,69%,97%,.7);box-shadow:0 0 10px 1px rgba(0,0,0,.3);width:35%;padding:1rem 2rem;position:absolute;right:15%;height:470px;display:flex;flex-direction:column;justify-content:center}.heroappoint a{color:#444!important}.heroappoint h2{font-size:2.5rem;font-family:probold;color:#db6722;text-align:left}.heroappoint form{width:100%;display:flex;flex-direction:column}.heroappoint form input,.heroappoint form select{padding:.75em 1em;border:.1px solid #d0d0d0;color:gray;font-size:1rem;font-family:pro;margin-bottom:.7em;box-shadow:inset 0 0 5px 1px rgba(0,0,0,.2)}.heroappoint form input::placeholder{color:gray}.heroappoint form button{margin:0 auto;background-color:#db6722;padding:.5em 1.5em;color:#fff;transition:all .3s ease;font-weight:700;border:1px solid #db6722}.heroappoint form button:hover{background-color:#fff;color:#db6722}.terms{width:100%;text-align:left}.terms label p{font-size:1rem;font-family:pro}#terms{margin-right:.5em;box-shadow:inset 0 0 0 0 rgba(0,0,0,.2);margin-bottom:0;display:inline-block}.herobtm{width:90%;position:absolute;bottom:-2.5%;left:4%}.herobtm ul{display:flex}.herobtm li{width:17%;box-shadow:0 0 10px 1px rgba(0,0,0,.3);text-align:center;padding:.5em;background-color:hsla(27,69%,97%,.9)}.herobtm li h5{font-size:.9rem}.herobtm li h5,.herobtm li h6{color:#444!important;padding-top:.5em}.herobtm li h6{font-size:1rem;font-weight:600}@media screen and (max-width:1100px){.terms label p{margin-bottom:0}.heroappoint{height:450px}.terms label p{font-size:.8rem}}@media screen and (max-width:900px){.heroappoint{width:45%;right:5%;height:470px}.herobtm{width:100%;left:0}.herobtm ul{flex-wrap:wrap}.herobtm ul li{width:33%}}@media screen and (max-width:600px){.hero{height:auto;flex-direction:column}.heroappoint{position:absolute;margin:0;top:9%;right:10%;width:80%;height:500px}.herobtm{width:100%;position:relative}.herobtm ul{padding-left:0}.herobtm ul li{width:50%}}