div.mobile-container {display:none; }


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

/*Hide the main menu and display the mobile menu */
div.mobile-container {display:block; }
div#navigation {display:none;} 
div#banner {position:inherit; }

/*WEBSITE TITLE*/
#website-title-mob {
background-color:#c21b22;
padding: 30px 20px 20px;
box-sizing:border-box;
 }
  
#website-title-mob a {
display:block;
color: #e5d2b2;
font-size: 3em;
letter-spacing:8px;
text-align:center;
text-transform:uppercase;
display:block; }


/*Strip the ul of padding and list styling*/
div.mobile-container ul {
    list-style-type:none;
    margin:0;
    padding:0;
    position: absolute;
}
/*Create a horizontal list with spacing*/
div.mobile-container li {
    display:inline-block;
    float: left;
    margin-right: 1px;
}
/*Style for menu links*/
div.mobile-container li a {
    display:block;
    min-width:140px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight:normal;
    letter-spacing:2px;
    font-size:16px;
    background: #111;
    text-decoration: none;
}
/*Hover state for top level links*/
div.mobile-container li:hover a {
    background: #000;}

div.mobile-container li.parent:hover a {
    background: #000;
}

div.mobile-container li.parent span.arrow {font-size:10px;display:inline-block;vertical-align:top;}


/*Style for dropdown links*/
div.mobile-container li.parent:hover ul a {
    background:#444;
    color: #fff;
    height: 40px;
    line-height: 40px;
}
/*Hover state for dropdown links*/
div.mobile-container li:hover ul a:hover {
    background: #444;
    color: #fff;
}
/*Hide dropdown links until they are needed*/
div.mobile-container li ul {
    display: none;
}
/*Make dropdown links vertical*/
div.mobile-container li ul li {
    display: block;
    float: none;
}
/*Prevent text wrapping*/
div.mobile-container li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
}
/*Display the dropdown on hover*/
div.mobile-container ul li a:hover + .hidden, .hidden:hover {
    display: block;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    font-weight:500;
    letter-spacing:2px;
    text-transform:uppercase;
    color: #fff;
    background: #000; 
    text-align: center;
    padding: 15px 0;
    display: none;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}
/*Responsive Styles*/

    /*Make dropdown links appear inline*/
    div.mobile-container ul {
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
    div.mobile-container li {
        margin-bottom: 1px;
    }
    /*Make all menu links full width*/
    div.mobile-container ul li, div.mobile-container li a {
        width: 100%;
    }
    /*Display 'show menu' link*/
    .show-menu {
        display:block;
    }
}