.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{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#003f5d;background:linear-gradient(0deg,rgba(0,63,93,.4990371148459384),#000e15 95%,#000e15)}.homepage-hero .hero-heading{grid-column:2/5;grid-row:2/3;text-align:right;z-index:0;align-self:center}.homepage-hero .hero-heading *{color:#fff}.homepage-hero .hero-heading h1{max-width:1000px;float:right}.homepage-hero .sub-section{grid-column:3/4;grid-row:3/5;background-color:#fff;border-radius:10px;z-index:1;padding:40px;-webkit-box-shadow:0 20px 30px rgba(0,0,0,.5333333333333333);box-shadow:0 20px 30px rgba(0,0,0,.5333333333333333);display:flex}.homepage-hero .sub-section .title{width:40%;padding-right:40px;text-align:right}.homepage-hero .sub-section .title h2{color:#003f5d;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{width:100%;padding-right:0;text-align:left}.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{position:absolute;top:0;left:-480px}}