.homepage-hero{display:grid;grid-template-columns:8% 4% 1fr 4% 8%;grid-template-rows:135px calc(76vh - 135px) 12vh minmax(50px,auto)}.homepage-hero video{width:100%}.homepage-hero .video-bg{grid-column:1/6;grid-row:1/4;overflow:hidden;position:relative;z-index:-1}.homepage-hero .video-bg:after{background:#1f3a63;background:linear-gradient(0deg,rgba(31,58,99,.499),#000e15 95%,#000e15);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.homepage-hero .hero-heading{align-self:center;grid-column:2/5;grid-row:2/3;text-align:right;z-index:0}.homepage-hero .hero-heading *{color:#fff}.homepage-hero .hero-heading h1{float:right;max-width:1000px}.homepage-hero .sub-section{background-color:#fff;border-radius:10px;-webkit-box-shadow:0 20px 30px #00000088;box-shadow:0 20px 30px #00000088;display:flex;grid-column:3/4;grid-row:3/5;padding:40px;z-index:1}.homepage-hero .sub-section .title{padding-right:40px;text-align:right;width:40%}.homepage-hero .sub-section .title h2{color:#1f3a63;margin:0}.homepage-hero .sub-section .content{width:60%}.homepage-hero .sub-section .content p{margin:0}@media (max-width:768px){.homepage-hero{grid-template-columns:0 5% 1fr 5% 0;grid-template-rows:135px calc(55vh - 135px) 16vh minmax(150px,auto)}.homepage-hero .hero-heading{grid-column:3/4}.homepage-hero hr{margin-left:0;margin-right:auto}.homepage-hero .sub-section{flex-flow:column}.homepage-hero .sub-section .title{padding-right:0;text-align:left;width:100%}.homepage-hero .sub-section .content{width:100%}.homepage-hero .homepage-hero hr.right{margin-left:0;margin-right:auto}.homepage-hero .hero-heading h1{text-align:center}.homepage-hero .video-bg video{left:-480px;position:absolute;top:0}}