/* Reduce content width on single column pages */
section.our_mission_one > .container > p,
section.our_mission_one > .container > h5,
section.our_mission_one > .container > .description_section {
    max-width: 700px;
}

/* Homepage - don't hide the newsletter on mobile */
@media screen and (max-width: 700px){
    .sec_newsletter {
        display: block !important;
        padding: 5px 15px 20px !important;
    }

    .sec_newsletter form .BBFormSection > fieldset {
        grid-template-columns: 100% !important;
        grid-template-rows: auto !important;
    }

    .sec_newsletter form .BBFormSection > fieldset > * {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    .sec_newsletter form .BBFormSection > fieldset div[id*="bboxsignup"] {
        grid-template-columns: 100% !important;
        grid-template-rows: auto !important;
        row-gap: 5px !important;
    }

    .sec_newsletter form .BBFormSection > fieldset div[id*="bboxsignup"] > div.BBFormFieldContainer {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    .sec_newsletter form .BBFormSection > fieldset > div.BBFormButtonRow {
        grid-column: 1 !important;
        grid-row: auto !important;
        position: static !important;
    }

    .sec_newsletter form .BBFormSection > fieldset + #reCAPTCHADisclosure.BBFormFieldContainer p {
        grid-row: auto !important;
        grid-column: auto !important;
        margin-top: -1rem;
    } 
}


/* Banners */
    /* Centre background image vertically */
section.banner {
    background-position: center !important;
}


    /* Reduce font size and line-height of banner h1s */
section.banner h1 {
    margin-bottom: 30px;

    font-size: 120px;
    line-height: 0.9;
}

@media screen and (max-width: 767px) {
    section.banner .img-mobile-banner {
        height: 300px;
    }

    section.banner .img-mobile-banner img {
        height: 100%;

        object-fit: cover;
    }

    section.banner h1 {
        margin-top: 45px;

        font-size: 90px;
    }
}

    /* Reduce overall banner height */
@media screen and (min-width: 1200px) {
    section.banner {
        min-height: 400px;
        max-height: 500px;
    }
}