@media(max-width:1250px)
{
    section > ul > li > img
    {
        width:69%;
        border:0px;
        padding:22px 10%;
        background:#d0d5d7;
    }
    section > ul > li > div
    {
        width:30%;
    }
}

@media(max-width:1150px)
{
    section#welcome
    {
        width:90%;
    }
    header > ul#mainMenu
    {
        display:none;
    }
    section#resources a
    {
        margin:0 5%;
    }
    section#location > div 
    {
        display:none;
    }
        section#location > div#LocationMap
        {
            display:block;
            width:100%;
        }

    section
    {
        margin-top:0px;
    }
    footer > div > div > span.icon-logo
    {
        display:none;
    }
    footer > div > div > p, footer > div > div > ul
    {
        width:49%;
    }

}

@media(max-width:1000px)
{
    header > a
    {
        font-size:2em;
    }
    section > ul > li > div
    {
        width:100%;
        display:block;
    }
    section > ul > li > img {
        width:100%;
        padding:0 10%;
        border:0;
        height:auto;
    }
    section > ul > li {
        height:auto;

    }
    section > ul > li > div > a, section.blue > div > div a
    {
        position: relative;
        display: block;
        right: auto;
        bottom: auto;
        max-width: 200px;
        margin: 0 auto;
    }
}

@media(max-width:768px)
{
    
    
    .upper-left-caption, .lower-right-caption
    {
        font-size:1.4em;
        padding:20px 10px 20px 10px;
    }
    .lower-right-caption:before
    {
        display:none;
    }
    
    section#welcome p
    {
        margin:10px;
    }
    
    
    section#welcome
    {
        width:90%;
    }
    section#welcome h1
    {
        position:relative;
        top:auto;
        left:auto;
        margin-bottom:40px;
    }
    section#welcome p
    {
        margin-left:0;
    }

    p span.positionleft
    {
        margin: 20px 0;
        float: none;
    }
    p span.positionright
    {
        margin: 20px 0;
        float:none;
    }
    section
    {
        padding:45px 0;
    }
    p img.positionleft, p img.positionright {
        width: 80%;
        margin: 30px 10%;
    }
    
    section > div#content > h1
    {
        margin-bottom:40px;
    }
    p, section > div#content > ul, section > div#content > ol, section#welcome > ul, section#welcome > ol
    {
        font-size:1.4em;
    }
        
    
    #searchContainer
    {
        width:94%;
        padding:5px 3%;
    }
    footer > div > p, footer > div.lowerFooter > span.icon-environment
    {
        display:none;
    }
    footer > div.lowerFooter > img
    {
        float: none;
        display: block;
        text-align: center;
        margin: 0px auto 25px auto;
    }

}

@media(max-width:670px)
{
    header > a span
    {
        display:block;
    }

    header > a{
        display:block;
        margin-bottom:-5px;
    }
    #slideshow
    {
        display:none;
    }
    footer > div > div > ul
    {
        margin-top:-45px;
    }
}

@media(max-width:650px)
{
    footer > div > ul
    {
        max-width:110px;
        margin:0 auto;
        padding:0px;
    }
        footer > div > ul > li        
        {
            display:block;
            padding:0;
            border-right:0;
        }
}
@media(max-width:675px)
{        
    body
    {
        padding-top:120px;
    }
    .icon-share, .btnResources
    {
        display:none;
    }
    header > span.icon-search
    {
        right:90px;
    }
    a#NewsLink
    {
        top:5px;
    }

    header
    {
        padding:30px 0;
        height:60px;
    }
    #searchContainer 
    {
        position:relative;
    }
    ul#mainMenu > li
    {
        width:100%;
        border-bottom:1px solid #768FCA;
        position:relative;
    }
    ul#mainMenu > li ul
    {
        position:relative;
    }
    ul#mainMenu > li:hover ul
    {
        display:none;
        position:relative;
    }
    ul#mainMenu > li > span.mobileExpander
    {
        display: block;
        position: absolute;
        /* width: 10px; */
        /* height: 10px; */
        right: 20px;
        top: 15px;
        padding: 0px;
        border-top: 30px solid #ccc;
        border-bottom: 0px;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
    }


    ul#mainMenu > li > a, ul#mainMenu > li > span
    {
        border-left:0;
    }
    header > span.icon-menu, header > span.icon-search, header > span.icon-share
    {
        bottom:25px;
    }
    nav
    {
        top:90px;
        padding:20px;
        box-sizing:border-box;
        max-width:300px;
        max-height:460px;
        overflow:hidden;
        overflow-y:auto;
    }
    section#resources a
    {
        margin-bottom:20px;
    }

    header > div#innerHeader > a span
    {
        font-size:10em;
    }
        header .icon-logo:before
        {
            line-height:108px;
            line-height:60px;
        }
        header > div#innerHeader > span.icon-menu, header > div#innerHeader > span.icon-search
        {
            top:3px;
        }
}

@media(max-width:480px)
{
    footer > div
    {
        max-height:180px;
    }
    a#NewsLink
    {
        padding:18px 5px;
        right:80px;
    }
    header > div#innerHeader > span.icon-search
    {
        right:155px;
    }
}

@media(max-width:425px)
{
   
    /*header{
        height:70px;
        padding-bottom:0px;
    }*/
    span.icon-menu.icon-close
    {
        font-size:1.4em;
    }
    
    footer > div > img
    {
        display:none;
    }
    footer > div > ul
    {
        text-align:left;
        margin:0;
    }

    header > div#innerHeader > span.icon-menu {
        font-size: 2.2em;
    }
    header > div#innerHeader > span.icon-search {
        font-size: 2em;
        right: 118px;
    }
    a#NewsLink
    {
        font-size:0.9em;
        padding: 14px 5px;
        right: 60px;
        top:12px;
    }
    header > div#innerHeader > span.icon-menu, header > div#innerHeader > span.icon-search
    {
        top:12px;
    }
        header > div#innerHeader > span.icon-menu.icon-close
        {
            font-size:1em;
        }
}
@media(max-width:360px)
{
     header > a
     {
         font-size:1.6em;
     }
     nav
     {
         top:105px;
     }
}
@media(max-width:320px)
{
    
}