.about-hero{background-position:50%;background-size:cover;display:grid;grid-template-columns:8% 1fr max(15%,500px) 8%;grid-template-rows:1fr;padding:150px 0}.image-bg{grid-column:1/5;grid-row:1/4;overflow:hidden;position:relative;z-index:-1}.image-bg img{height:100%;object-fit:cover;width:100%}.about-hero .hero-heading{align-self:center;grid-column:2/3;grid-row:2/3;justify-self:flex-start;min-width:200px;padding-right:40px;z-index:0}.about-hero .hero-heading *{color:#003f5d}.about-hero .hero-heading h1{max-width:1000px}.about-hero .sub-section{-webkit-box-shadow:0 20px 30px #003f5d14;box-shadow:0 20px 30px #003f5d14;display:grid;grid-column:3/5;grid-row:2/3;grid-template-columns:40px 1fr}.about-hero .sub-section .accent-bar{background-color:#3487bc;border-radius:10px 0 0 10px;grid-column:1/2;height:100%;width:100%}.about-hero .sub-section .content-wrap{align-items:center;background-color:#4096c6;display:flex;grid-column:2/3;padding:4vw 25% 4vw 60px}.about-hero .content p{color:#fff;font-weight:200;margin:0}@media (max-width:768px){.about-hero{grid-template-columns:8% 1fr 8%;grid-template-rows:40vh auto 40px;padding:0}.about-hero .hero-heading{grid-column:2/4;grid-row:1/2;padding:0}.about-hero .sub-section{grid-column:2/5;grid-template-columns:20px 1fr}.about-hero .sub-section .content-wrap{padding:4vw 6vw 4vw 20px}}