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