h2 {
    font-size: 7em;
}

/*  HERO  */
    .hero {
        background: url(/assets/hero/services-mobile.jpg), var(--green);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 100svh;
        margin: 0 0 50px 0;
    }
    .pageHeading sup {
        color: white;
    }
/*  HERO END  */

/*  CONTENT  */
.orange {
    color: var(--orange) !important;
    padding: 30px 0 25px 0;
}
.midGrey {
    color: var(--midGrey);
}
.midGrey {
    color: var(--darkGrey);
}
.title {
    display: inline-block;
    color: var(--darkBlue);
    font-size: var(--fs-subheading);
    padding: 25px 0;
}
.content {
    display: flex;
    flex-direction: column;
}
.content .contentTitle {
    padding: 15px;
}

.content .contentTitle span {
    font-size: var(--fs-overview);
    padding: 10px 0;
    display: block;
    color: var(--midGrey);
    text-transform: uppercase;
}
.content .contentBody {
    padding: 0 15px
}
.content .contentBody p {
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    padding: 0 0 25px 0;
}
.content .contentBody img.wideImage {
    width: 100%;
    padding: 25px 0;
}
.tableofcontents {
    display: none;
}
/*  CONTENT END  */

/*  BRP  */

    .menuHeadings {
        font-family: "Figtree", sans-serif;
        font-size: 4em;
        padding: 25px 0;
        color: var(--darkBlue);
/*        border-bottom: 1px solid var(--orange);
        background: url(/assets/icons/accordian_arrow_open.svg);
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 12px;*/
    }

    .textBody {
    }

    .bodyHeading {
        font-family: "Figtree", sans-serif;
        font-size: 7em;
        padding: 25px 0;
        display: block;
    }
    .bprPillars {
        display: flex;
        flex-direction: column;
    }
    .pillar span:nth-child(1) {
        font-size: 7em;
        display: block;
        padding: 50px 0 0;
    }
    .pillar span:nth-child(2) {
        font-size: 7em;
        display: block;
        font-family: "IvyPresto";
        color: var(--orange);
        padding: 0 0 50px;
    }
    .pillar span:nth-child(3), .paragraph {
        font-size: 5em;
        color: var(--darkGrey);
    }
    .textBody .image {
        width: 100%;
    }

/*  BRP END  */


/*  ORANGE BOX  */
    .orangeMain {
        display: flex;
        background: var(--orange);
        padding: 15px 0 40px 0;
        margin: 50px 0 0;
    }
    .orangeBox {
        /* margin: 25px 0 0; */
        padding: 25px;
        background: var(--orange);
        display: flex;
        flex-direction: column;
    }
    .orangeBox .orangeHeading {
        padding: 25px 0;
        font-size: var(--fs-footerTextHead);
        font-family: "Figtree", sans-serif;
        display: flex;
        color: white;
        padding: 25px 0;
    }
    .orangeBox .whiteSubHeading {
        color: white;
    }
    .orangeBox .orangePoints span {
        display: flex;
        flex-direction: column;
        font-size: var(--fs-body);
        font-family: "Figtree", sans-serif;
        font-weight: 100;
        padding: 15px 0;
    }
    .orangeBox .orangePoints span p {
        color: white;
        font-size: inherit;
        padding: 5px 0
    }
    .orangeBox .orangePoints span:first-child {
    }
    .orangeBox .orangePoints span:last-child {
        border: none;
    }
/*  ORANGE BOX END  */

/*    LARGE SCREEN    */

@media only screen and (min-width: 650px) 
{
    h2 {
        font-size: 2.5em;
    }
    /*  HERO  */
    .hero {
        background: url(/assets/hero/services-desktop.jpg), var(--green);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    /*  HERO END  */

    video{
        padding: 25px 0;

    }

    /*  CONTENT  */
    .content {
        flex-direction: row;
    }
    .contentTitle {
        width: 30%;
        padding: 0 0 0 25px !important;
    }
    .contentBody {
        width: 70%;
    }
    .content .contentBody p {
        width: 85%;
        font-size: var(--fs-body);
        line-height: var(--lh-body);
    }
    .title {
        font-size: 1.8em;
    }
    .content .contentTitle span {
        font-size: var(--fs-overview);
        text-transform: uppercase;
    }
    .tableofcontents {
        display: block;
        position: sticky;
        top: 100px;
    }
/*    .tocActive {
        color: var(--darkGrey) !important;
    }*/
    .content .contentTitle span.active {
        color: var(--darkBlue);
    }
    /*  CONTENT END  */

    /*  BPR  */
    .menuHeadings {
        font-size: 1.8em;
    }
    .bodyHeading {
        font-size: 3em;
    }
    .bprPillars {
        flex-direction: row;
        column-gap: 3em;
    }
    .pillar span:nth-child(1) {
        font-size: 2em;
    }
    .pillar span:nth-child(2) {
        font-size: 2em;
    }
    .pillar span:nth-child(3), .paragraph {
        font-size: 1em;
    }
    .paragraph {
        font-size: 2.5em;
        padding: 0 15% 25px 0;
        display: inline-block;
    }
    span[data-anchor] {
        cursor: pointer;
    }
    span[data-anchor]:hover {
        color: black;
    }
    /*  BPR END  */

    /*  ORANGEBOX  */
    .orangeLeft {
        width: 30%;
    }
    .orangeRight {
        width: 70%;
    }
    .orangeBox {
/*        align-items: center;*/
        justify-content: center;
    }
    .orangeBox .orangeHeading {
        width: 80%;
    }
    .orangeBox .whiteSubHeading {
        width: 80%;
    }
    .orangeBox .orangePoints span {

    }
    .orangeBox .orangePoints span p {
        font-size: var(--fs-body);
        line-height: var(--lh-body);
    }
    .orangeBox .orangePoints {
    }
    /*  ORANGEBOX END  */
}