@media all and (min-width: 768px) {
html, body {
    font-size: 18px;
    overflow:scroll
}
    * {
        font-size:1rem;
    }
    .pageWrapper, .header, .searchPane  {
    width:1000px;
    }
    .navigationOuter, .searchOuter, .footer {
        max-width:1031px;
        width:1031px
    }
    .headerOuter {
        height: 105px;
    }
    .header h1 {
        margin-top: 0;
        width:880px;
    }
    .header h1 a {
        float: left;
        width:100%;
        padding:0 0 0 55px;
    }
    div.navigationWrapper > ul > li, div.navigationWrapper > ul > li:first-child {
        max-width:280px;
        margin-top: 0;
        height:36px;
    }
        div.navigationWrapper > ul > li a {
            width:97%;
        }
}
@media all and (min-width: 1024px) {
html, body {
    font-size: 20px;
    overflow:scroll
}
     .pageWrapper, .header, .searchPane  {
        width:1200px;
    }
    .navigationOuter, .searchOuter, .footer {
        width:1216px;
        max-width:1216px
    }
    .headerOuter {
        height: 105px;
    }
    .header h1 {
        margin-top: 0;
        width:880px;
    }
    .header h1 a {
        float: left;
        width:100%;
        padding:0 0 0 55px;
    }
    div.navigationWrapper > ul > li, div.navigationWrapper > ul > li:first-child {
        max-width:240px;
        margin-top: 0;
        height:68px;
    }
        div.navigationWrapper > ul > li a {
            padding: 12px 6px 0 !important;
            width: 94% !important;
            height:60px !important;
        }
}

@media all and (min-width: 1280px) {
html, body {
    font-size: 24px;
}
    .pageWrapper, .header, .searchPane  {
    width:1400px;
    }
    .navigationOuter, .searchOuter, .footer {
        width:1431px;
        max-width:1431px
    }
    .headerOuter {
        height: 155px;
    }
    .header h1 {
        margin-top: 0;
        width:880px;
    }
    .header h1 a {
        float: left;
        width:100%;
        padding:0 0 0 55px;
    }
    div.navigationWrapper > ul > li, div.navigationWrapper > ul > li:first-child {
        max-width:240px;
        margin-top: 0;
        height:72px;
    }
        div.navigationWrapper > ul > li a {
            padding: 12px 6px 0 !important;
            width: 94% !important;
            height:60px !important;
        }
}