.nav__breadcrumb {
    display: none;
}

.item-link a{
    color: #fff!important;
    text-decoration: none!important;
}


.banner {
    background-size: 100% auto !important;
    background-size: cover !important;
    padding: 3rem 0;
}

    .banner .container .button a {
        font-size: 1.2rem;
        padding: 0.6rem 1.2rem;
    }

    .banner .container {
        margin: 0 auto;
    }

    .banner h1 {
        line-height: 1;
    }


.banner1 {
    background: url(/images/trade-banner1-lg.jpg) no-repeat;
    text-align: center;
    color: #fff;
    border-top: solid 1px #fff;
}


    .banner1 .container .heading h1 {
        font-size: 2.8rem !important;
    }

    .banner1 .container .subtext p {
        font-size: 1.2rem;
    }

    .banner1 .container .button a {
        width: 180px;
        margin-bottom: 1rem;
    }



.banner2 {
    color: var(--dark-maroon);
    background: #fff;
    text-align: center;
}

    .banner2 .container {
        max-width: 960px;
    }

    .banner2 ul.bullets li {
        font-size: 1.5rem;
        font-family: gotham-bold;
        margin-bottom: 1rem;
        text-transform: uppercase;
    }

.banner3 {
    background: url(/images/banner-midlands-school-lg.jpg) no-repeat 50%;
    color: #fff;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    padding: 10rem 0 !important;
}


    .banner3 .block {
        width: 30%;
        margin-right: auto;
        text-align: center;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    .banner3 .heading {
        font-size: 3rem;
        display: inline-block;
        width: 100%;
    }

    .banner3 .subnote {
        display: inline-block;
        width: 100%;
    }

    .banner3 .button {
        display: inline-block;
        width: 100%;
    }


.banner4 {
    color: var(--dark-maroon);
}

    .banner4 .container {
    }

    .banner4 .img {
        flex: 0 0 50%;
    }

        .banner4 .img img {
            max-width: 460px;
            height: auto;
            margin: 0 auto;
            display: inline-block;
            width: 100%;
        }

    .banner4 .heading {
        max-width: 500px;
    }

    .banner4 .text-block {
        flex: 0 0 50%;
        max-width: 500px;
    }



.banner5 {
    background: url(/images/trade-banner-van-lg.jpg) no-repeat 0% 60%;
    color: #fff;
    padding: 9rem 0;
}

    .banner5 .container {
    }

    .banner5 .block-info {
        max-width: 320px;
        margin: auto;
    }


        .banner5 .block-info .icon {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background: var(--dark-maroon);
            border: solid 1px #888;
            margin: 0 auto 2rem auto;
            padding: 10px;
        }


@media (max-width: 1200px) {

    .banner {
        padding: 4rem 2rem !important;
    }

        .banner .container {
            max-width: 100% !important;
        }

            .banner .container .heading h1 {
                font-size: 2.2rem !important;
            }

            .banner .container .subtext p {
                font-size: 1rem !important;
            }

            .banner .container .button a {
                font-size: 1.1rem;
                padding: 0.5rem 1rem;
            }

    .banner4 .img img {
        max-width: 360px;
    }

    .banner5 .block-info .icon {
        width: 65px;
        height: 65px;
    }
}

@media (max-width: 1000px) {

    .banner {
        padding: 2rem 2rem !important;
    }

        .banner .container .button a {
            font-size: 1.1rem;
            padding: 0.5rem 1rem;
        }

    .banner5 .block-info .icon {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 900px) {


    .banner .container .button a {
        font-size: 0.9rem;
        padding: 0.4rem 0.8rem;
    }

    .banner4 .img img {
        max-width: 300px;
    }

    .banner5 .block-info h1 {
        font-size: 1.9rem;
    }
}

@media (max-width: 767px) {

    .banner {
        background-size: cover !important;
    }

        .banner .container .heading h1 {
            font-size: 1.6rem !important;
        }



    .banner1 {
        background: url(/images/trade-banner1-sm.jpg) no-repeat !important;
    }


        .banner1 .container .heading h1 {
            font-size: 2rem !important;
        }

    .banner2 ul.bullets li {
        font-size: 1.2rem;
    }

    .banner3 {
        padding: 6rem 2rem !important;
    }

    .banner3 .block {
        width: 100%;
        text-align: center;
    }

    .banner4 .outer {
        flex-wrap: wrap !important;
    }

    .banner4 .img {
        text-align: center;
        flex: 0 0 100%;
    }

        .banner4 .img img {
            max-width: 220px;
        }

    .banner4 .text-block {
        flex: 0 0 100%;
        text-align: center;
    }


    .banner5 {
        background: url(/images/trade-banner-van-lg.jpg) no-repeat 65% 50%!important;
    }

        .banner5 .block-info .icon {
            width: 70px;
            height: 70px;
        }

        .banner5 .block-info {
            border-bottom: solid 1px;
            padding-bottom: 1rem;
        }
}

@media (max-width: 520px) {

    .banner {
        padding: 4rem 1rem !important;
    }

        .banner .container {
            padding: 0;
        }

            .banner .container .heading h1 {
                font-size: 1.3rem !important;
            }

    .banner1 .container .heading h1 {
        font-size: 1.6rem !important;
    }


    .banner2 ul.bullets li {
        font-size: 1rem;
    }

    .banner5 .block-info .icon {
        width: 50px;
        height: 50px;
    }
}