/* smartphones */
@media screen and (min-width: 0px) and (max-width: 768px) {
    #header #logo {display: none;}
    #header .region-topnav {display: none;}
    #header #cse {
        padding-top: 35px;
        margin: 0 auto;
        float: none;
    }
    
    #navigation ul.menu, #navigation ul.accessible-megamenu {
        text-align: center !important;
    }

    .border {display: none;}

    .footer {padding: 16px 2%;}
    .footer .logo {display: none;}
    #footer .footernav {
        float: none;
        text-align: center;
        width: 100%;
    }
    .footernav li {
        float: none;
        border: none;
        padding: 0;
    }
    #footer .footernav p {
        float: none;
        padding: 0;
    }

    h1 {text-align: center;}
}

/* tablets */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .wrapper {width: 98%; max-width: none; padding: 0 1%;}
    .container {width: 100%; max-width: none;}
}

/* smartphones AND tablets */
@media screen and (min-width: 0px) and (max-width: 1024px) {
    #header {margin: 0;}
    #topbar {text-align: center; padding: 5px 0px;}
    #banner {display: none;}
    #header #block-search-form {padding-bottom: 39px;}
}