﻿@media all and (min-width: 740px) and (min-device-width:740px),all and (max-device-width:1024px) and (min-width:1024px) and (orientation:landscape) {
}

@media all and (min-width: 740px) and (min-device-width:740px),all and (max-device-width:1024px) and (min-width:1024px) and (orientation:landscape) {
    #block-mo-project-mo-project-contextual-branding .oa-logo {
        top: 0;
        height: 102px !important;
        width: auto;
        position: absolute;
    }

    #block-mo-project-mo-project-contextual-branding hgroup {
        margin-left: 100px;
    }

    #block-mo-project-mo-project-contextual-branding h2 {
        font-size: 32px;
        line-height: .8em;
        width: 66%;
    }

        #block-mo-project-mo-project-contextual-branding h2 span.of {
            font-size: 20px;
        }

    #block-mo-project-mo-project-contextual-branding h3 {
        font-size: 22px;
        position: relative;
        left: -10px;
        white-space: nowrap;
        margin-top: 0;
    }

        #block-mo-project-mo-project-contextual-branding h2 a, #block-mo-project-mo-project-contextual-branding h3 a {
            top: 0;
        }

        #block-mo-project-mo-project-contextual-branding h3 a {
            top: 10px;
            left: 0px;
        }

    #block-mo-project-mo-project-contextual-branding .site-slogan {
        font-size: 18px;
    }

    .context-facilities #block-mo-project-mo-project-contextual-branding h2 {
        width: 100%;
    }

    .context-facilities #block-mo-project-mo-project-contextual-branding h3 {
        top: -3px;
    }

    .context-facilities #block-mo-project-mo-project-contextual-branding h3 {
        font-size: 17px;
    }

    .context-facilities #block-mo-project-mo-project-contextual-branding .site-slogan {
        top: 10px;
    }

    #zone-header-wrapper, #zone-header {
        height: 125px !important;
    }

    @media (min-width: 992px) {
        #zone-header-wrapper, #zone-header {
            height: 105px !important;
        }
    }
}

@media all and (min-width: 740px) and (min-device-width:740px),all and (max-device-width:1024px) and (min-width:1024px) and (orientation:landscape) {
    .grid-14 {
        display: inline;
        float: left;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
    }

    .omega {
        margin-right: 0;
    }

    body {
        min-width: 960px;
    }

    .container-24 {
        margin-left: auto;
        margin-right: auto;
        width: 960px;
    }

        .container-24 .grid-14 {
            width: 540px;
        }
}

@media all and (min-width: 1024px) {

    #block-mo-project-mo-project-contextual-branding .oa-logo {
        top: 0;
        height: 102px !important;
        width: auto;
        position: absolute;
    }

    #block-mo-project-mo-project-contextual-branding hgroup {
        margin-left: 100px;
    }

    #block-mo-project-mo-project-contextual-branding h2 {
        font-size: 32px;
        line-height: .8em;
        width: 66%;
    }

        #block-mo-project-mo-project-contextual-branding h2 span.of {
            font-size: 20px;
        }

    #block-mo-project-mo-project-contextual-branding h3 {
        font-size: 22px;
        position: relative;
        left: -10px;
        white-space: nowrap;
        margin-top: 0;
    }

        #block-mo-project-mo-project-contextual-branding h2 a, #block-mo-project-mo-project-contextual-branding h3 a {
            top: 0;
        }

        #block-mo-project-mo-project-contextual-branding h3 a {
            top: 10px;
            left: 0px;
        }

    #block-mo-project-mo-project-contextual-branding .site-slogan {
        font-size: 18px;
    }

    .context-facilities #block-mo-project-mo-project-contextual-branding h2 {
        width: 100%;
    }

    .context-facilities #block-mo-project-mo-project-contextual-branding h3 {
        top: -3px;
    }

    .context-facilities #block-mo-project-mo-project-contextual-branding h3 {
        font-size: 17px;
    }

    .context-facilities #block-mo-project-mo-project-contextual-branding .site-slogan {
        top: 10px;
    }

    #zone-header-wrapper, #zone-header {
        height: 125px !important;
    }

    @media (min-width: 992px) {
        #zone-header-wrapper, #zone-header {
            height: 105px !important;
        }
    }
}

@media all and (min-width: 1024px) {
    .grid-14 {
        display: inline;
        float: left;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
    }

    .omega {
        margin-right: 0;
    }

    body {
        min-width: 1200px;
    }

    .container-24 {
        margin-left: auto;
        margin-right: auto;
        width: 1200px;
    }

        .container-24 .grid-14 {
            width: 680px;
        }
}

@media all and (min-width: 740px) and (min-device-width:740px),all and (max-device-width:1024px) and (min-width:1024px) and (orientation:landscape) {
    body.front {
        background: #fff;
    }
}

@media all and (min-width: 740px) and (min-device-width:740px),all and (max-device-width:1024px) and (min-width:1024px) and (orientation:landscape) {
}

@media all and (min-width: 740px) and (min-device-width:740px),all and (max-device-width:1024px) and (min-width:1024px) and (orientation:landscape) {
    #block-mo-project-mo-project-contextual-branding .oa-logo {
        top: 0;
        height: 102px !important;
        width: auto;
        position: absolute;
    }

    #block-mo-project-mo-project-contextual-branding hgroup {
        margin-left: 100px;
    }

    #block-mo-project-mo-project-contextual-branding h2 {
        font-size: 32px;
        line-height: .8em;
        width: 66%;
    }

        #block-mo-project-mo-project-contextual-branding h2 span.of {
            font-size: 20px;
        }

    #block-mo-project-mo-project-contextual-branding h3 {
        font-size: 22px;
        position: relative;
        left: -10px;
        white-space: nowrap;
        margin-top: 0;
    }

        #block-mo-project-mo-project-contextual-branding h2 a, #block-mo-project-mo-project-contextual-branding h3 a {
            top: 0;
        }

        #block-mo-project-mo-project-contextual-branding h3 a {
            top: 10px;
            left: 0px;
        }

    #block-mo-project-mo-project-contextual-branding .site-slogan {
        font-size: 18px;
    }

    ..context-facilities #block-mo-project-mo-project-contextual-branding h2, .context-transparency #block-mo-project-mo-project-contextual-branding h2 {
        width: 100%;
    }

    .context-facilities #block-mo-project-mo-project-contextual-branding h3 {
        top: -3px;
    }

    .context-travel-portal #block-mo-project-mo-project-contextual-branding h3 {
        top: 0;
    }

    .context-transparency #block-mo-project-mo-project-contextual-branding h3 {
        font-weight: 600;
        top: 5px;
    }

    .context-facilities #block-mo-project-mo-project-contextual-branding h3 {
        font-size: 17px;
    }

    .context-facilities #block-mo-project-mo-project-contextual-branding .site-slogan, .context-transparency #block-mo-project-mo-project-contextual-branding .site-slogan {
        top: 10px;
    }

    #zone-header-wrapper, #zone-header {
        height: 125px !important;
    }

    @media (min-width: 992px) {
        #zone-header-wrapper, #zone-header {
            height: 105px !important;
        }
    }
}

@media all and (min-width: 740px) and (min-device-width:740px),all and (max-device-width:1024px) and (min-width:1024px) and (orientation:landscape) {
}

@media all and (min-width: 740px) and (min-device-width:740px),all and (max-device-width:1024px) and (min-width:1024px) and (orientation:landscape) {
    .grid-14 {
        display: inline;
        float: left;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
    }

    .omega {
        margin-right: 0;
    }

    body {
        min-width: 960px;
    }

    .container-24 {
        margin-left: auto;
        margin-right: auto;
        width: 960px;
    }

        .container-24 .grid-14 {
            width: 540px;
        }
}

@media all and (min-width: 1024px) {

    body.front {
        background: #fff;
    }
}

@media all and (min-width: 1024px) {
}

@media all and (min-width: 1024px) {
    #block-mo-project-mo-project-contextual-branding .oa-logo {
        top: 0;
        height: 102px !important;
        width: auto;
        position: absolute;
    }

    #block-mo-project-mo-project-contextual-branding hgroup {
        margin-left: 100px;
    }

    #block-mo-project-mo-project-contextual-branding h2 {
        font-size: 32px;
        line-height: .8em;
        width: 66%;
    }

        #block-mo-project-mo-project-contextual-branding h2 span.of {
            font-size: 20px;
        }

    #block-mo-project-mo-project-contextual-branding h3 {
        font-size: 22px;
        position: relative;
        left: -10px;
        white-space: nowrap;
        margin-top: 0;
    }

        #block-mo-project-mo-project-contextual-branding h2 a, #block-mo-project-mo-project-contextual-branding h3 a {
            top: 0;
        }

        #block-mo-project-mo-project-contextual-branding h3 a {
            top: 10px;
            left: 0px;
        }

    #block-mo-project-mo-project-contextual-branding .site-slogan {
        font-size: 18px;
    }

    .context-facilities #block-mo-project-mo-project-contextual-branding h2 {
        width: 100%;
    }

    .context-facilities #block-mo-project-mo-project-contextual-branding h3 {
        top: -3px;
    }

    .context-facilities #block-mo-project-mo-project-contextual-branding h3 {
        font-size: 17px;
    }

    .context-facilities #block-mo-project-mo-project-contextual-branding .site-slogan {
        top: 10px;
    }

    #zone-header-wrapper, #zone-header {
        height: 125px !important;
    }

    @media (min-width: 992px) {
        #zone-header-wrapper, #zone-header {
            height: 105px !important;
        }
    }
}

@media all and (min-width: 1024px) {
    .grid-14 {
        float: left;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
    }

    .omega {
        margin-right: 0;
    }

    body {
        min-width: 1200px;
    }

    .container-24 {
        margin-left: auto;
        margin-right: auto;
        width: 1200px;
    }

        .container-24 .grid-14 {
            width: 680px;
        }
}
