/* Home */
.banner {background:url(/images/oxford-2-greyscale.webp) no-repeat 50% 100% #EFEFEF; background-size:auto 70%; color:var(--white); padding:1rem; padding-top:2rem; padding-bottom:280px; border-radius:40px; position:relative; overflow:hidden;}
.banner::before {content:""; width:100%; position:absolute; top:0; left:0; height:100%; z-index:1; background:var(--mainBrandColour); background:linear-gradient(180deg, rgba(0, 47, 127, 1) 30%, rgba(0, 47, 127, 0) 100%);}
.banner::after{content:""; width:280px; position:absolute; top:0; right:50%; transform:translateX(50%); height:100%; z-index:3; background:url(/images/mr-shad-khan.png) no-repeat center bottom; background-size:contain;}
.banner-content {position:relative; z-index:2;}
.banner .level1-title, .banner .level2-title {color:var(--white);}
.banner .level1-title {font-size:var(--fontSize30); line-height:var(--fontSize30);}
.banner .level2-title {font-family:var(--baseFont); font-weight:var(--regularFontWeight); max-width:300px; font-size:var(--fontSize24);}
.section-team {background:var(--lightBlue); overflow:hidden;}

@media (min-width:385px) {
    /* Home */
    .banner {padding-left:2rem;}
}

@media (min-width:480px) {
    /* Home */
    .banner .level2-title {font-size:var(--fontSize30);}
    .banner .level1-title {font-size:2.5rem; line-height:2.8rem;}
}

@media (min-width:576px) {
    /* Home */
    .banner { background-position:50% 10%; background-size:cover;}
    .banner::before {width:50%; background:linear-gradient(90deg, rgba(0,47,127,1) 20%, rgba(0,47,127,0) 100%);}
    .banner {padding:4rem;}
    .banner::after{width:440px; right:10%;}
}

@media (min-width:745px) {
    /* Home */
    .banner {padding:6rem;}
    .banner::after{right:5%; transform:translateX(30%);}
}

@media (min-width:800px) {
    /* Home */
    .banner::after {transform:none;}
}