.mobile_wrapper{
    background-color: #eae8e3;
    border-bottom: 1px solid #d2cfc9
}

#mobile_button{
    width: 100%; 
    height: 4.2rem;
    background: url('/templates/medchi/images/hamburger.png') 96% 50% no-repeat;
}

#mobile_button.toggled{    
    background: url('/templates/medchi/images/hamburger_toggled.png') 96% 50% no-repeat;
}

.mobile, #mobile_nav{
    display: none;
}

/* -------------------------------------------------------------------------- */
/* MEDIA QUERIES */
/* -------------------------------------------------------------------------- */

@media only screen and (max-width : 1068px){
    .container{width: 96%; padding: 0 2%}

    /* Nav */
    .moduletable_nav a{padding: 1rem 1.8rem;}

    /* Content */
    #content{padding: 4rem 0}
    #content .left{width: 67% }
    #content .right{width: 30%; margin-left: 3%;}
}

/* Mobile portrait */
@media only screen and (max-width : 720px){
    
    .container{width: 96%; padding: 0 2%} 
    .mobile{display: block}
    .no_mobile{display: none;}    

    /* Mobile nav */
    .mobile_wrapper .moduletable_mobile_nav {text-align: center}
    .mobile_wrapper .moduletable_mobile_nav li{padding: 0.6rem; border-bottom: 1px solid #e0ded9}
    .mobile_wrapper .moduletable_mobile_nav li:last-child{border: none}

    /* Homepage */
    .panel, .panel.middle{width: 100%; padding: 0px; margin: 0px}

    /* Banner */
    #banner {display: none;}
    .banner h1{left: 0px; font-size: 2.4rem}

    /* Content */
    #content img{max-width: 100%;}
    #content{padding: 3.2rem 0;}
    #content .left, #content .right{width: 100%; margin: 0 auto;}
    #content .left{margin-bottom: 3.2rem;}
    #content .news_article h2{font-size: 1.9rem;}
    #content .news_article h4{font-size: 1.4rem;}
    #content p.readmore{margin-bottom: 0px;}

    /* Right */
    .moduletable_subnav_1, .moduletable_latestnews{margin-bottom: 0px;}

    /* Footer */
    #footer .moduletable_footer_nav{padding: 1.6rem 0;}
    #footer .moduletable_footer_nav li{display: block;}
    #footer .moduletable_footer_nav li a{padding: 0.6rem}

}
  