@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap";*{margin:0;padding:0;box-sizing:border-box}.container{width:100vw;height:100vh}.container header{width:100%;height:50%}.container header .banner{width:100%;height:50px;background-color:#e1f2f0;display:flex;justify-content:center;align-items:center}.container header .banner img{height:50px;margin-right:10px;-o-object-fit:contain;object-fit:contain}.container header .banner .titleWrapper{font-family:"Josefin Sans";display:flex;flex-direction:column;justify-content:center}.container header .banner .titleWrapper h2{font-size:24pt;font-weight:200}.container header .banner .titleWrapper h3{margin-top:-5px;font-size:12pt;font-weight:300}.container header main{width:100%;height:calc(100% - 50px);background-image:url(../images/background.jpg);background-size:cover;background-position:center top}.container header main .mainContent{z-index:1;position:absolute;top:100px;left:50%;transform:translateX(-50%);width:50%;height:50%;padding:20px 50px;box-shadow:0px 0px 10px 1px rgba(0,0,0,.35);background-color:#fff;display:flex;flex-direction:column;align-items:center}.container header main .mainContent h1{font-size:4rem;font-weight:400;font-style:italic}.container header main .mainContent h2{margin-top:-5px;margin-bottom:10px;font-size:1.5rem;font-weight:200;font-style:italic;color:#22b575}.container header main .mainContent .divider{width:20%;height:2px;margin-bottom:10px;background-color:#22b575}.container header main .mainContent .questionWrapper{width:100%;height:calc(100% - 120px);display:flex}.container header main .mainContent .questionWrapper section{width:50%;padding:30px}.container header main .mainContent .questionWrapper section h3{margin-bottom:10px;font-family:"Josefin Sans";font-size:1.3rem}.container header main .mainContent .questionWrapper section p{color:#9fa5aa}.container header main .mainContent .questionWrapper .cardWrapper{width:50%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:end}.container header main .mainContent .questionWrapper .cardWrapper .card{width:80%;height:45%;box-shadow:0px 0px 10px 1px rgba(0,0,0,.35)}.container header main .mainContent .questionWrapper .cardWrapper .card img{width:100%;max-height:50%;-o-object-fit:contain;object-fit:contain}.container header main .mainContent .questionWrapper .cardWrapper .card .buttonContainer{width:100%;height:50%;display:flex;justify-content:center;align-items:center}.container header main .mainContent .questionWrapper .cardWrapper .card .buttonContainer a{width:80%;height:50px;margin:0 auto;padding:10px;background-color:#22b575;text-decoration:none;text-align:center;line-height:30px;color:#fff;font-family:"Josefin Sans"}.container header main .wireframeShadow{position:absolute;top:130px;left:50%;transform:translateX(-50%);width:calc(50% - 60px);height:50%;border:2px solid #22b575}.container .callToAction{width:100%;height:50%;padding-top:130px;background-color:#d8eeeb;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;font-family:"Josefin Sans"}.container .callToAction h2{font-size:2.5rem;font-weight:200}.container .callToAction .divider{width:20%;height:2px;background-color:#22b575}.container .callToAction .buttonContainer{width:50%;display:flex;justify-content:space-between}.container .callToAction .buttonContainer a{width:45%;height:50px;margin:0 auto;padding:10px;background-color:#22b575;text-decoration:none;text-align:center;line-height:30px;color:#fff}.container .callToAction p{color:#bfced3}@media(max-width: 768px){.container header main .mainContent{top:70px;width:90%;padding:10px}.container header main .mainContent h1{font-size:2rem}.container header main .mainContent h2{font-size:1rem}.container header main .mainContent .questionWrapper{height:auto;flex-direction:column;justify-content:center;flex-grow:1}.container header main .mainContent .questionWrapper section{width:100%;padding:0;text-align:center}.container header main .mainContent .questionWrapper .cardWrapper{display:none}.container header main .wireframeShadow{top:90px;width:calc(90% - 40px)}.container .callToAction{padding-top:90px}.container .callToAction h2{font-size:1.5rem;text-align:center}.container .callToAction .divider{width:50%}.container .callToAction .buttonContainer{width:90%}.container .callToAction .buttonContainer a{height:auto;line-height:1}}/*# sourceMappingURL=style.css.map */