@media only screen and (max-width: 860px) {
    body{
       /*background: #FFCC99;*/
        width: 100%;
    }
    section.maincolumn{
        width: 100%;
        float: none;
        padding-right: 10px;
        margin-bottom: 0;
    }
    

    .headline_main, .headline_info {
    position: relative;
    float: none;
    width: 75%;
    clear: both;
}

.headline_main{
    padding: 10px 39px 50px 39px;
}
.headline_main h1 {
font-size: 2em;
line-height: 1.2em;
padding: 0 2em .4em 2em;
color: #424242;
width: 60%;
}

.headline_info p.caption {
color: #FFF;
font-size: .8em;
padding: 0 0 1.4em 1.4em;

background: #66615b;
}

.headline_info{
    position: relative;
float: none;
width: 83%;
clear: both;
}

.headline_main a.readmore{
    display: block;
    margin: 10px;
    margin-left: 80%;
    clear:both;
    float: right;
}
    .article img{
        max-width: 90%;
        height: auto;
    }

.headline_info h6 {
background: #66615b;
color: #fff;
font-size: 1.2em;
text-transform: uppercase;
padding: 1em;
}

#site-footer {
margin-top: 0;
}
.wysiwyg-images-stacked, .wysiwyg-images-stacked img{
    width: 95%;
    height: auto;
    float: none;
}

img.wysiwyg-image-stack-item, img.wysiwyg-image-stacked-image{
   width: 95%;
    height: auto;
    float: none; 
}
.news-archive-image img, .news-archive img{
    max-width: 95%;
    height: auto;
}


.page-people #content{
    width: 100%;
}
    .node-type-slideshow-page #content{
        width: 90%;
    }

img.sidekick{
    width: 100%;
    height: auto;
}
    div#container, #site-main,#banner,#breadcrumb-container,#subcontent,#site-footer{
        width: 100%;
        max-width: 100%;
    }

    #site-footer .region-footer-left, #site-footer .region-footer-center,#site-footer .region-footer-right{
       /* clear: both;*/
        width: 33%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding: 10px;
        text-align: left;
    }

    .wysiwyg-image{
        max-width: 95%;
        height: auto;
    }

     .wysiwyg-image-half{
        width: 45%;
        height: auto;
    }


    #site-footer{
        width: 100%;
    }

    #site-footer{
        padding-bottom: 70px;
        display: block;
    }
    #content-container{
        width: 65%;
        padding-right: 19px;
        padding-right: 4.5%;
    }
    #sidebars{
        width: 30%;
    }


    #sidebar-left,#sidebar-right{
        width: 100%;
    }
    #content {
        width: 100%;
    }

    #content-container p {
        padding-right: 1em;
    }
    img.featimg{
        width:100%;
        height: auto;
    }
    #sidenav{
        display: none;
        /* phones */
    }

    .mobilehide{
        display: none;
    }

    .mobilenav {
        display: none;
    }

    #banner img{
        width: 100%;
        height: auto;
    }

    #navigation {
        position: absolute;
        width: 720px;
        margin:0;
        top: 0;
        top: -3px;
        left: 55px;
        height: 95px;
        height: 7.917rem;
    }

#site-header,#navigation{
    width: 100%;
}
    #navigation ul.nice-menu li{
        width: 95px;
        text-align: left;
        font-size:12px;
        left: 0;
    }

    #navigation ul.nice-menu{
        float: none;
        margin-left: 90px;
    }

    .front ul.nice-menu {
margin-top: 0;
}

#sidebars{
    clear: both;
    float: none;
    width: 100%;
}

#content-container{
    border: none;
}

#sidebar-right, #sidebar-left{
    width: 100%;
}

.view-video-of-the-week-front-page-block h2 {
font-size: 1.2em;
color: #fff;
background: #66615b;
padding: 1em;
font-weight: 700;
width: 100%;
text-transform: uppercase;
}


}

@media only screen and (max-width: 800px){
    .front #sidebars, .front.sidebar-second #sidebar-right, .front #sidebar-right, .front #sidebar-left {
        width: 100%;
        float: none;
        display: block;
    }


     #site-footer{
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }
#site-footer-container a.mobiletop{
  display: block;
  clear: both;
  text-align: left;
  line-height: 1em;
font-size: 0.9em;
padding: 1.2em 1.8em;

margin: 0 0 0 auto;
text-transform: uppercase;
color: #fff;
background: #fb652f;
}

#site-footer-container, #site-footer{
    padding-bottom: 0;
}

#navigation{
    top: -13px;
}
}

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

    #block-views-home-main-image-teaser-block {
height: 331px;
overflow: hidden;
}

#front-banner-container{
    height: 331px;
}

#content-container, #content{
    width: 100%;
}

#navigation{
    top: -13px;
}

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

    body{

        width: 100%;
        border-top: 100px solid #fb652f;
    }
    



    .front #sidebars, .front #sidebar-right, .front #sidebar-left {
        width: 100%;
    }
#site-footer {
margin-top: 0;
}
        .wysiwyg-image{
        width: 90%;
        height: auto;
    }

     .wysiwyg-image-half{
        width: 50%;
        height: auto;
    }


    .wysiwyg-image-half-floatleft{
        width: 50%;
        height: auto;
    }

    #block-views-home-feature-strip-block{
        clear: both;
        width: 100%;
    }

    #block-views-home-feature-strip-block article{
        clear: both;
        width: 100%;
    }

    #block-views-home-feature-strip-block div article div a figure{
        clear: both;
        width: 95%;
    }

    #block-views-home-feature-strip-block div article div a figure img{
        width: 95%;
        height: auto;
    }
    .headline_main,.headline_info{
        display: block;
        float: none;
        width: 100%;
    }
    #front-banner{
        top: 0;
    }
    a.readmore{
        margin-right: 30px;
    }
    div.newsblock{
        width: 95%;
    }
    #block-views-home-feature-strip-block div article div h4 a{
        clear: left;
    }
    #content-container{
        overflow: hidden;
    }

    #site-header, #site-main, #site-footer, #front-banner-container, #front-feature,#banner, #banner img, #breadcrumb-container{
        width: 100%;
        height: auto;
    }

    #breadcrumb-container{
        clear: both;
        margin-top:35px;
        display: block;
    }
    #site-header{
        padding: 0;
    }

    #navigation{
        display: none;
    }

    #content-container, #content{
        width: 100%;
        float: none;
    }

    #content-container {
        margin-bottom: 10px;
        margin-top: 40px;
    }

    #sidebars, #sidebar-left, #sidebar-right{
        width: 100%;
    }

    #sidebars{
        margin-bottom: 10px;
    }

    #subcontent{
        width: 100%;
        margin: 0;

    }

    #site-footer{
        margin-top: 0;
    }

    #site-footer .region-footer-left,#site-footer .region-footer-center, #site-footer .region-footer-right{
        display: block;
        float: none;
        width: 100%;
        margin: 0;
        clear:both;
        text-align: left;
        margin-bottom: 10px;
    }
    section.maincolumn{
        width: 100%;
        float: none;
        padding: 10px;
        margin-bottom: 0;
    }

    #subcontent .block-cmudes-prevnext{
        height: auto;
        display: block;
        overflow: auto;
        clear: both;
    }

    #site-footer-container{
        width: 100%;
    }
    div#container{
        width: 100%;
        max-width: 100%;
    }
    div#content,#content-container{
        width: 100%;
        max-width: 100%;
        padding-top: 25px;
    }
    section.sidebar{
        float: none;
        width: 100%;
        clear: both;
    }
    img.featimg{
        width:100%;
        height: auto;
    }
    .mobilehide{
        display: none;
    }

    .mobilenav {
        display: block;
    }

    .mobilenav li{
        display: block;
        width: 100%;
        background-color: #FFF;

    }

    .mobilenav li a{
        color: #FD6626;
        background-color: #FFF;
    }

    .mobilenav li.active-trail a{
        background-color: #FD6626;
        color:  #FFF;
    }
    #sidenav{
        display: none;
    }

    #front-banner, #banner,#site-main{
        padding: 10px 0 0 0;
    }

    #breadcrumb-container{
        display: none;
    }

    .view-video-of-the-week-front-page-block iframe{
        width: 99%;
        height: auto;
    }

    .front #content-container .view-video-of-the-week-front-page-block p  {
        margin: 0;
        padding: 8px 8px 25px 8px;
    }

   .front.sidebar-second #sidebar-right{
        float: none;
        width: 99% !important;
        margin: 5px;
    }

    #breadcrumb-container{
        display: block;
    }
    
    #nav-open-btn{
    display: inline-block;
}

#site-header-container {
margin-top: -110px;
height: 100px;
}

.mobilenav{
box-shadow: 10px 10px 5px rgba(0,0,0,.60);
border-top: solid 2px #FFF;
}
.mobilenav{
    top: 75px;
}


ul.nice-menu ul, #header-region ul.nice-menu ul{
    position: relative;
    display: block;
    visibility: visible;
}

ul.nice-menu ul li {
    width: 100%;
}

ul.nice-menu li ul, ul.nice-menu li.menuparent ul {
opacity: 1.0;
}


ul.nice-menu ul{
    top: 0;
}

ul.nice-menu li ul, ul.nice-menu li.menuparent ul{
    max-height: 100%;
    overflow: auto !important;
    transition-duration: 0 !important;
}

.mobilenav li ul li a {
padding-left: 15px;
}

img.wysiwyg-image, img.wysiwyg-image-half{
    width: 100%;
    height: auto;
}

#block-views-home-main-image-teaser-block {
height: 512px;
overflow: hidden;
}

.front #content-container{
    margin-top: 0;
    padding-top: 0;
}

.front #site-main{
    width: 100%;
}

#navigation{
    top: -13px;
}

}

@media only screen and (max-width: 480px) {
.headline_main {
padding: 12px;
width: 94%;
padding-bottom: 0;
}

.headline_main h1 {
font-size: 2em;
line-height: 1.2em;
padding: 0 .3em .4em 0;
color: #424242;
width: 78%;
}


.headline_main figure {
display: table;
margin: .4em 1em 1em 0;
float: left;
}

.headline_main a.readmore {
display: block;
margin: 10px 0 0 -1em;
clear: both;
float: none;
position: relative;
width: 100%;
}

#front-banner, #front-banner-container {
margin: 0 auto;
width: 100%;
padding: 0;
height: 520px;
}

.view-video-of-the-week-front-page-block h2 {
font-size: 1.2em;
color: #fff;
background: #66615b;
padding: 1em;
font-weight: 700;
width: 90%;
text-transform: uppercase;
}

a.videomore{
    position: relative;
    margin: 0;
    right: 0;
}

.front #sidebars {
width: 100%;
}


#block-views-home-feature-strip-block div article div a figure img {
width: 100%;
height: auto;
}

#block-views-home-feature-strip-block div article div a figure {
clear: both;
width: 100%;
}

#site-footer .region-footer-right{
    display: none;
}



    .wysiwyg-image-half-floatleft{
        width: 99%;
        height: auto;
        float: none;
        margin: 4px;
    }

    .wysiwyg-image-half-floatright{
        width: 99%;
        height: auto;
        float: none;
        margin: 4px;
    }


    }