.c-basic-banner{--border-colour:var(--colour-default);--text-colour:var(--colour-white);--text-alternate-colour:var(--colour-alternate);--text-reverse-colour:var(--colour-default);--background-reverse-colour:var(--colour-white);--background-alternate-colour:var(--colour-alternate);--text-active-colour:var(--colour-secondary);--text-inactive-colour:var(--colour-grey);color:rgba(var(--text-colour),100%);padding:320px 0 120px;position:relative;z-index:5}.c-basic-banner .c-basic-banner__title{--font-size:var(--heading-size-h1);--font-leading:var(--heading-leading-h1);--font-weight:var(--heading-weight-h1);--font-kerning:var(--heading-kerning-h1,0);color:#fff;font-family:roc-grotesk-compressed,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size);font-weight:var(--font-weight);letter-spacing:var(--font-kerning,0);line-height:var(--font-leading);margin:0 auto;max-width:780px;text-align:center;text-transform:uppercase}.c-basic-banner:after,.c-basic-banner:before{background-repeat:no-repeat;background-size:contain;bottom:0;content:"";display:block;height:100%;left:0;position:absolute;width:100%;z-index:-1}@media screen and (max-width:72.99em){.c-basic-banner{padding:250px 0 120px}.c-basic-banner:after,.c-basic-banner:before{height:75%}}@media screen and (max-width:58.99em){.c-basic-banner:after,.c-basic-banner:before{height:65%}}@media screen and (max-width:44.99em){.c-basic-banner{padding:220px 0 100px}.c-basic-banner .c-basic-banner__title{font-size:84px;line-height:60px}}@media screen and (max-width:33.99em){.c-basic-banner:after,.c-basic-banner:before{height:50%}}