.nav-utils{ background: #fff; }

        .noNewsImage {
        display: block;
        background: url(/img/00/MillValley-FooterLogo.png) center 15% no-repeat;
        height: 350px;
        width: 100%;
        }
        

/* These styles are applied for viewports 768px and higher */
@media only screen and (min-width: 768px) {

        div#homepageBG {
        width: 100%;
        position: absolute;
        display: block;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        margin: 0;
        }

        div#homepageBG  a.mm-button-link {
        display: inline-block;
        width: 100%;
        height: 510px;
        background-size: cover !important;
        background-position: top center !important;

        }

        div#mvTrayTopic {
        height: 770px;
        position: relative;
        }

        div#topicWrap{
            margin: 0;
        }

        div#iconPlacer {
        position: absolute;
        width: 100%;
        bottom: 0;
        z-index: 100;   
        }

        /* Navigation Overrides */
        section#top-nav{
        background: transparent; 
        border-top: 0px solid transparent; 
        border-bottom: 1px solid #fff; 
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
        }

        nav.main-nav ul li.nav-item a{background: transparent;}

        div#deptSelect{ background-color: transparent; }

        section#top-nav{
        position: absolute;
        z-index: 9999;
        }

        #page-header {
        position: absolute;
        z-index: 99;
        }

        /* Header */
        div#header-left {
        width: 100%;
        text-align: center;
        margin: 16% 0 0 0;
        }

        div#header-left a {
        background: url(/img/00/City_of_Mill_Valley_brand_homepage.png) top center no-repeat;
        max-width: 100%;
        }

        #header-right {
        margin-top: 15px;
        width: 50%;
        margin-right: calc(25% - 25px);
        }

        .nav-utils{ background: transparent; }

        section#bcrumbs{ display: none; }


        a.head-link{
        text-shadow: 1px 1px 3px #000;
        }

        .dropdownDepts {
        position: relative;
        display: inline-block;
        background: url(/img/00/departmentarrow.png) no-repeat 15px 15px transparent;
        }

        p.intro{
        text-shadow: 1px 1px 3px #000;
        }


        /* Homepage Navigation */

        nav.main-nav ul.nav-list > li.nav-item > a{

        }     



        ul.bxslider {
        display: block;
        overflow: hidden;
        /*background: url(/img/00/MillValley-FooterLogo.png) center center no-repeat #fff;*/
        height: 354px;
        }

        ul.bxslider li {
        max-width: 100% !important;
        overflow: hidden;
   
        max-height: 390px;
        
        }



}



 /* These styles are applied for viewports 1030px and higher */
@media only screen and (min-width: 1030px) {
 
    div#header-left {
    width: 100%;
    text-align: center;
    margin: 8% 0 0 0;
    }
 
 div#mvTrayTopic {
        height: 560px;}
}