/*----- MQ Small Desktop-----*/

@media screen and (min-width:680px) {

    div.banner {
        display: block;
        background-image: url("/images/testBanner26.jpg");
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
    }

    div.banner h5 {
        top: 32px;
        background: url("/images/bannerTitleAreaAnalysis01.png") no-repeat;
        width: 918px;
        height: 207px;
        margin: 0 auto;
    }

    section#intro {
        background: url("../img/bomaLogoV1.svg") no-repeat;
        background-size: 240px auto;
        background-position: right 7em;
        padding-right: 290px;
    }

    section#sendCads {
        background: url("/images/colourSchemSm.png") no-repeat;
        background-position: left 3.1em;
        padding: 3em 0 3em 300px;
    }

    section#standards {
        overflow: auto;
        background: url("/images/building02.jpg") no-repeat scroll 390px -2em transparent;
        padding: 3em 0 0;
    }

    section#standards ul {
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        list-style: square outside none;
        font-size: 1.6rem;
        margin: 2em 0 0;
    }

    #standards li {
        background: url("/images/bltRedPoints.gif") no-repeat scroll 0 4px transparent;
        padding: 0 0 1em 1.25em;
        list-style: none outside none;
    }
}

/*----- MQ Medium Desktop-----*/

@media screen and (min-width:970px) {

    div#page {
        margin-bottom: 0;
    }

    section#intro {
        background: url("../img/bomaLogoV1.svg") no-repeat;
        background-size: 320px auto;
        background-position: right 3em;
        padding-right: 420px;
    }

    section#sendCads {
        background: url("/images/colourSchemLg.png") no-repeat;
        background-position: left 3em;
        padding: 4em 2em 4em 380px;
    }

    section#standards {
        overflow: auto;
        background-position: right 1.5em;
        background-size: auto;
        padding: 4em 0;
        margin-bottom: 0;
    }

    #standards ul {
        width: 45%;
    }

    #standards li {
        padding-bottom: 1.5em;
        padding-left: 1em;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: normal;
        background-position: 0 .45em;
    }
}

/*----- MQ Large Desktop-----*/

@media screen and (min-width:1680px) {

    div.banner h5 {
        top: 64px;
    }
}