@media (min-width: 40.5em) {
    .quick-links-nav-menu {
        clear: both;
        display: block;
    }

        .quick-links-nav-menu a {
            color: #ffffff;
            font-size: 0.88em;
            padding: 0.25em 0.5em;
            border: 2px solid #ffffff;
            border-radius: 9px;
        }

            .quick-links-nav-menu a:hover {
                color: #eaea66;
                border-color: #eaea66;
            }

    .banner-logo {
        max-width: 15%;
    }

    .banner-left {
        float: left;
    }

    header .img h1 {
        float: left;
        font-size: 2.5em;
        margin: 0.25em 0px 0px 0px;
    }

    #job-role p {
        line-height: 1.35em;
    }

}

@media (min-width: 52em) {
    .responsive-right-image {
        width: 25%;
        max-width: 25%;
    }

    .left-col {
        float: left;
        width: 48%;
        margin-top: 5em;
    }

    .right-col {
        float: right;
        width: 48%;
        margin-left: 1em;
    }

    .main-nav {
        background-color: #ffffff;
    }

    .main-nav button {
        display: none;
    }

    .main-nav ul {
        /*position: relative;*/
        top: 0px;
        display: block;
        background: none;
        border: none;
    }

        .main-nav ul li {
            float: left;
            margin: 0px 1em 0px 1em;
        }

            .main-nav ul li a {
                padding: 0px;
                border: none;
            }

    header .img {
        height: 15em;
        margin-top: 1.6em;
    }

    .banner-logo {
        max-width: 18%;
    }

    header .img h1 {
        font-size: 3em;
    }

    header .img .left-col {
        display: block;
        width: 17%;
        font-size: 0.88em;
        margin: 0 0 0 38%;
    }

    header .img .right-col {
        float: left;
        width: 38%;
        margin: 0 0 0 0.5em;
    }

        header .img .right-col h1 {
            margin: 0.5em 0px 0px 0px;
        }

    .quick-links-nav-menu {
        margin-top: 1.5em;
    }

        .quick-links-nav-menu a {
            margin: 0 0.5em 0 0.5em;
        }

    /*.content-wrapper {
        width: 40.5em;
    }*/
}

@media (min-width: 60em) {
    header .img {
        height: 20em;
    }

    header .img h1 {
        font-size: 3.5em;
    }

    .banner-right {
        float: right;
        margin-right: 50%;
    }

    header .img h3 {
        font-size: 2em;
    }

}

@media (min-width: 75em) {

    header .img h1 {
        font-size: 4em;
    }

    header .img h2 {
        font-size: 2em;
    }


    .banner-right {
        margin-right: 45%;
    }

}

@media (min-width: 87em) {
    .banner-right {
        margin-right: 40%;
    }
}

h1 {
    font-size: 2.75em;
}