/*----- MQ Mobile -----*/

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

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

    body {
        background: #F3F3F3;
    }

    div#page {
        border: none;
    }

    section#samples {
        display: block;
        position: relative;
    }

    div.banner {
        background-image: url("../images/scanBanner04.jpg");
        background-size: cover;
        background-position: center;
    }

    div.banner h5 {
        top: 35px;
        background: url("/images/bannerTitleLaserScanning01.png") no-repeat;
        width: 905px;
        height: 209px;
        left: 30px;
    }

    section#intro {
        display: table-cell;
        padding: 1.5em 2em 2em 250px;
        vertical-align: middle;
        background: url("/images/3dScannerSm.png") no-repeat;
        background-position: left 1em;
    }

    section#samples h2 {
        display: none;
    }

    section#reality {
        padding: 11em 0 9em 530px;
        background: url("/images/churchScan02.png") no-repeat -50px center;
        background-size: 75%;
        margin-bottom: 0;

    }

    section#complexity {
        height: 360px;
        background: url("/images/stJamesInt01.png") no-repeat;
        background-size: cover;
        margin-bottom: 1em;
        padding: 0;
        position: relative;
    }

    section#complexity div.container {
        background: url("/images/transLightGrey.png") repeat transparent;
        width: 350px;
        padding: 0 15px 0 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
    }

    section#complexity h2 {
        margin-top: 60px;
        color: #333;
        line-height: 1.4;
    }

    section#complexity p {
        clear: both;
        padding: 5px 15px 10px 0;
    }

    section#architecture {
        float: left;
        width: 56%;
        clear: none;
        margin-bottom: 30px;
        border-bottom: none;
        padding: 3em 0 3em;
    }

    section#applications {
        float: right;
        clear: none;
        border: none;
        padding: 3em 3em 3em;
        margin-bottom: 2em;
        max-width: 28%;
        border-left: 1px solid #BBB;
        background: url(/images/bgNoAttachment.png) #E5E5E5;
    }

    section#applications ul {
        padding-top: .5em;
    }

    section#applications li {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 4px 0 4px 18px;
        background: url("/images/bulletRedArrow.png") no-repeat left 10px;
        background-position: left 9px;
        color: #777;
    }

    section#drafting {
        display: table-cell;
        height: 486px;
        padding: 50px 650px 50px 0;
        vertical-align: middle;
        background: url("/images/scanElevation02.png") no-repeat scroll 343px -7px transparent;
    }

    section#drafting i {
        position: relative;
        top: 480px;
        padding: 20px 130px;
        font-size: 18px;
        display: block;
        text-align: center;
        table-layout: left;
    }

    section#drafting img {
        position: absolute;
        margin: 0 auto;
        left: -40px;
    }

    section#scanToCad {
        background: url("/images/scanToCadElevationSm.png") no-repeat #000;
        background-position: center center;
        padding: 2em 0 1.75em;
        border-bottom: none;
    }

    section#scanToCad h2 {
        font-size: 60px;
        font-size: 6rem;
        color: #999;
        text-align: center;
    }

    section#scanToCad p {
        margin: 420px auto 0;
        color: #CCC;
        text-align: center;
        background: #555;
        padding: 1em 2em;
        font-size: 14px;
        font-size: 1.4rem;
    }

    section#scanToBim {
        background: url("/images/scanToBimSm.png") no-repeat #FFF;
        background-position: center;
        border-top: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        padding: 2em 0 1.75em;
    }

    section#scanToBim h2 {
        font-size: 60px;
        font-size: 6rem;
        color: #777;
        text-align: center;
    }

    section#scanToBim p {
        background: #DDD;
        color: #555555;
        margin-top: 320px;
        text-align: center;
        padding: 1em;
        font-size: 14px;
        font-size: 1.4rem;
    }

    section#cadSupport {
        background: url("/images/autocadBentleySm.png") no-repeat;
        background-position: 0 2em;
        padding: 2em 0 2em 270px;
        margin-bottom: 0;
    }
}

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

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

    div#page header {

    }

    div.banner {
        background-position: center center;
    }

    section#intro {
        height: 360px;
        padding: 3em 0 4em 400px;
        background: url("/images/3dScannerLg.png") no-repeat;
        background-position: 3em 1.5em;
    }

    section#intro p {
        padding-right: 2.5em;
    }

    section#complexity {
        height: 500px;
        margin-bottom: 0;
    }

    section#complexity h2 {
        margin-top: 100px;
    }

    section#complexity div.container {
        width: 420px;
    }

    section#scanToCad {
        background: url("/images/scanToCadElevationLg.png") no-repeat #000;
        background-position: center center;
    }

    section#scanToCad h2 {
        font-size: 70px;
        font-size: 7rem;
        color: #999;
        text-align: center;
    }

    section#scanToCad p {
        margin-top: 550px;
        font-size: 16px;
        font-size: 1.6rem;
    }

    section#scanToBim {
        background: url("/images/scanToBimLg.png") no-repeat #FFF;
        background-position: center;
    }

    section#scanToBim h2 {
        font-size: 70px;
        font-size: 7rem;
    }

    section#scanToBim p {
        margin-top: 500px;
        font-size: 16px;
        font-size: 1.6rem;
    }

    section#cadSupport {
        background: url("/images/autocadBentleyLg.png") no-repeat;
        background-position: 0 4em;
        padding: 4em 2em 4em 380px;
    }

    section#applications ul {
        padding-top: .5em;
    }

    section#applications li {
        font-size: 14px;
        font-size: 1.6rem;
        padding: 7px 0 7px 18px;
        background: url("/images/bulletRedArrow.png") no-repeat left 12px;
    }
}

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

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

    div.banner {
        background-position: center -230px;
    }

    div.banner h5 {
        top: 55px;
    }

    section#intro {
        background-position: left 20px top 15px;
        background-size: auto auto;
        height: 360px;
        padding: 3em 0 4em 350px;
    }
}