@media only screen and (max-width:1324px) {

    header {
        font-size: 94%;
    }

        header nav ul li {
            margin: 0 0 0 2.5em;
        }

    .nav-scroll {
        font-size: 97%;
    }

        .nav-scroll .jcarousel li a {
            padding: 0 1.5em;
        }

    .content4 article .sfContentBlock div {
        padding: 5% 0 0 0;
    }

    .content4 aside {
        padding-top: 2.5%;
    }

    .content-inner-cell h3 {
        font: normal 1.15em "alright_sansmedium", Arial, Helvetica, sans-serif;
    }

    .content-inner-cell {
        width: 21.9%;
    }
}

@media only screen and (max-width:1159px) {

    #topnav {
        font-size: 90%;
    }

    header {
        font-size: 85%;
    }

        header nav ul li {
            margin: 0 0 0 1.2em;
        }

    .nav-scroll {
        font-size: 92%;
    }

        .nav-scroll .jcarousel li a {
            padding: 0 1.3em;
        }

    .content1 {
        padding: 3em 5em;
    }

    .content2 article {
        padding: 2.5em 0 1em 0;
    }

    .content3 {
        padding: 2.5em 0;
    }

    .content4 {
        font-size: 98%;
    }

        .content4 article .sfContentBlock div {
            padding: 4% 0 0 0;
            width: 52%;
        }

        .content4 aside {
            padding-top: 2%;
        }

    footer article {
        padding: 2.5em 1em 0 2em;
    }

    .footer-cell {
        width: 23%;
    }

    .footer-bottom-left ul li em {
        margin: 0 0.6em;
    }

    footer aside {
        width: 23%;
        padding: 2em 0 0 0;
        font-size: 94%;
    }

        footer aside ul li {
            margin: 0 1em 0 0;
        }

    .content-inner-cell {
        font-size: 85%;
    }

    .more span {
        line-height: 140%;
    }
}


@media only screen and (max-width:999px) {

    body {
        font-size: 95%;
    }

    #topnav {
        font-size: 85%;
    }

    header {
        font-size: 75%;
        padding: 2.813em 1.8em 1.563em 1.8em;
    }

        header figure a img {
            width: 250px;
            height: 60px;
        }

        header nav ul li {
            margin: 0 0 0 0.8em;
        }

    #prev-nav, #next-nav {
        top: 22%;
    }

    .nav-scroll {
        font-size: 75%;
    }


    .content1 {
        padding: 3em 1.6em;
    }

    .content2 article div {
        width: 22em;
    }

    .content4 {
        font-size: 98%;
    }

        .content4 article .sfContentBlock div {
            padding: 4% 0 0 0;
            width: 40%;
        }

        .content4 aside {
            padding-top: 2%;
        }

    footer article {
        padding: 2.5em 1em 0 2em;
    }

    .footer-cell {
        width: 22%;
    }

    .footer-bottom-left {
        float: none;
    }

    .partners {
        float: none;
        margin: 0 0 16% 0;
    }

    .footer-bottom-left ul li em {
        margin: 0 0.6em;
    }

    footer aside ul li {
        margin: 0 0.8em 0 0;
    }

    .content-inner-cell {
        width: 21.8%;
    }

        .content-inner-cell h3 {
            font: normal 1em "alright_sansmedium", Arial, Helvetica, sans-serif;
            line-height: 130%;
        }

    .more span {
        line-height: 160%;
    }
}


@media only screen and (max-width:799px) {

    .desktop-nav {
        padding: 0;
    }

        .desktop-nav li a {
            padding: 0.6em 0.8em 0 0.8em;
            height: 1.8em;
        }

    header figure, header nav {
        float: none;
    }

    .nav-scroll {
        font-size: 60%;
    }

    .content1 {
        width: 92%;
        padding: 4%;
    }

        .content1 figure {
            float: none;
            margin: 0 0 5% 0;
        }

    .content2 {
        background: #ecf0d8;
        padding: 4% 0 0 0;
    }

        .content2 article {
            float: none;
            width: 100%;
            padding: 1% 0;
        }

            .content2 article div {
                width: 92%;
                margin: 0 auto 0 auto;
                text-align: left;
            }

    .content3 {
        font-size: 90%;
    }

    .content4 article {
        float: none;
        width: 100%;
        border-bottom: 1px solid #b4cfdf;
    }

        .content4 article .sfContentBlock div {
            width: 60%;
        }

    .content4 aside {
        padding: 4%;
        float: none;
        width: 92%;
    }

    footer article {
        float: none;
        background: #d3df43;
        width: 92%;
        padding: 4%;
    }

    .footer-row {
        overflow: hidden;
        margin: 0 0 2em 0;
    }

    .partners {
        margin: 0 0 6% 0;
    }

    footer aside {
        float: none;
        width: 92%;
        padding: 2% 4% 4% 4%;
    }

    .content-inner-cell {
        font-size: 80%;
    }

        .content-inner-cell p {
            height: 100%;
            margin: 0 0 10px 0;
        }

    .more {
        position: relative;
        display: inline-block;
        font-size: 94%;
    }

    .content-row2 .aside .content-row figure {
        float: none;
        margin: 0;
    }

    .caption {
        padding: 1em 0 0 0;
    }



    .land .header {
        float: none;
        width: auto;
        margin: 1em 0 0;
    }

    .land .land-content {
        
    }

        .land .land-content .article {
            float: none;
            width: auto;
        }
        
        .land .land-content .article .land-banner a {
            width: auto;
            margin: 0 auto;
        }

        .land .land-content .aside {
            float: none;
            width: auto;
        }

            .land .land-content .aside .land-img {
                margin-top: 0;
            }

                .land .land-content .aside .land-img img {
                    margin: 0 auto;
                }

            .land .land-content .aside .land-aside-inner {
                padding: 0 2.5em 1.563em 3.375em;
            }

    .land .partners {
        margin-bottom: 1em;
    }
}


@media only screen and (max-width:599px) {

    .desktop-nav {
        /*display:none;*/
        clear: both;
        display: block;
    }

        .desktop-nav li {
            font-size: .8em !important;
        }

            .desktop-nav li a {
                padding: 0.6em 0.2em 0 0.2em;
                height: 1.8em;
            }

    /*.menu-compact{
	background:url(../images/menu-mobile.jpg) no-repeat 0 0;
	display:inline-block;
	font:normal 1em "alright_sansregular", Arial, Helvetica, sans-serif;  
	line-height:120%;
	color:#003c71;
	padding:18px 0 0 55px;
	height:27px;
}

body.active .mobile-nav{
	margin-left:0;
	width:100%;
	z-index:7000;
}

.mobile-nav {
    position:absolute;
	top:0;
	left:0;
	z-index:9000;
	-webkit-transition:.2s all ease;
	-moz-transition:.2s all ease;
    -ms-transition:.2s all ease;
    -o-transition:.2s all ease;
    transition:.2s all ease; 
	margin:44px 0 0 -100%;
	display:block;
	background:none;
	float:none;
	width:100%;
}

    .mobile-nav li{
	float:none;
	background:none;
	border-bottom:1px solid #ddd;
	font:normal 1em "alright_sansregular", Arial, Helvetica, sans-serif;
	line-height:130%;
	color:#fff;
	text-align:left;
}

.mobile-nav li a{
	padding:12px 0 0 20px;
	color:#fff;
	display:block;
	background:#a2b539;
	height:24px;
}

.mobile-nav li a:hover{
	color:#e9f553;
}*/

    header {
        padding: 2em 1em 0 1em;
    }

        header nav {
            display: none;
        }

    .chNavSelectWrap {
        display: block;
        padding: 2em 1em 1.563em 1em;
    }

        .chNavSelectWrap select {
            padding: 3px;
            margin: 8px 0 0 0;
            display: block;
            width: 100%;
            text-transform: uppercase;
        }

    .nav-scroll figure, .nav-scroll ul {
        display: none;
    }

    .nav-scroll select {
        padding: 3px;
        display: block;
        width: 95.4%;
        margin: 0 auto 0 auto;
        text-transform: uppercase;
    }

    .content3 {
        padding: 4% 0;
    }

        .content3 article, .content3 aside {
            float: none;
            padding: 0 4%;
            width: 92%;
            text-align: left;
        }

        .content3 article {
            margin: 0 0 3% 0;
        }

    .content4 article .sfContentBlock div {
        width: 50%;
    }

    .content-inner-cell {
        font-size: 100%;
        float: none;
        width: 91%;
        padding: 4%;
        margin: 0 0 10px 0;
        overflow: hidden;
    }

        .content-inner-cell p {
            height: 100%;
            margin: 0 0 10px 0;
        }

    .more {
        position: relative;
        display: inline-block;
        font-size: 94%;
        float: right;
    }

        .more span {
            line-height: 125%;
        }

    .content-row2 figure {
        float: none;
        margin: 0 0 5% 0;
    }

    .content-row2 .article {
        float: none;
        width: 100% !important;
        margin: 0 0 2em 0;
    }

    .content-row2 .aside {
        float: none;
        width: 100% !important;
        text-align: left;
    }

    .ch-bp-list .ch-bp-postdate {
        float: none;
        width: auto;
        padding: .5em;
        margin: 0 0 1em 0;
    }

    .ch-bp-list .ch-bp-postdate span {
        display: inline-block;
        text-align: left;
    }
    .ch-bp-list .ch-bp-postdate span.ch-bp-day {
        font-size: inherit;
        border-bottom: 0;
        border-right: 1px solid #fff;
    padding: 0 .5em 0 0;
    margin: 0 0.2em 0 0;
    }
}


@media only screen and (max-width:479px) {

    body {
        font-size: 90%;
    }

    .content4 article figure, .content4 article .sfContentBlock div {
        float: none;
        width: 92%;
        padding: 4%;
    }

    footer {
        font-size: 85%;
    }

    .footer-cell {
        float: none;
        width: 100%;
    }

        .footer-cell ul {
            overflow: hidden;
            margin: 0 0 10px 0;
        }

            .footer-cell ul li {
                float: left;
                margin: 0 10px 0 0;
            }

    .more span {
        line-height: 130%;
    }

    .land .header {
        margin-bottom: 1em;
    }
    .land .header .land-contact h2 {
        float: none;
        margin-right: 0;
        padding-right: 0;
        border-right-width: 0;
    }
    .land .header .land-contact p {
        float: none;
    }
    .land .header .land-contact p span{
        display: inline-block;
        padding: 0 1em;
    }
    .land .land-content .btn-wrap .btn {
        float: none;
    }

    .land .land-content .btn-wrap span {
        float: none;
        display: block;
    }
}


@media only screen and (max-width:319px) {

    body {
        font-size: 85%;
    }

    header figure a img {
        width: 215px;
        height: 52px;
    }

    .partners {
        text-align: center;
        float: none;
    }

        .partners li {
            display: inline-block;
            float: none;
            margin: 0 0 10px 0;
        }

    .more span {
        line-height: 155%;
    }
}