@import url(../css/font.css);
#menuMobile {
    display: none;
    margin: 0  auto;
    max-width: 1200px; }

#menuMobile ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }

/*Create a horizontal list with spacing*/
#menuMobile li {
    display: inline-block;
    float: left;
    margin-right: 1px;
    width: 100%;
    margin-bottom: 1px; }

/*Style for menu links*/
#menuMobile li a {
    display: block;
    min-width: 140px;
    height: 50px;
    /*text-align: center;*/
    line-height: 50px;
    color: #231F20;
    background: #efc68c;
    text-decoration: none;
    padding: 0 10px;
    width: 100%;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.4em; }

/*Hover state for top level links*/
#menuMobile li:hover a {
    background: #231F20;
    color: #FFF; }

/*Style for dropdown links*/
#menuMobile li:hover ul a {
    background: #231F20;
    color: #FFF;
    height: 40px;
    line-height: 40px; }

/*Hover state for dropdown links*/
#menuMobile li:hover ul a:hover {
    background: #19c589;
    color: #fff; }

/*Hide dropdown links until they are needed*/
#menuMobile li ul {
    display: none; }

/*Make dropdown links vertical*/
#menuMobile li ul li {
    display: block;
    float: none; }

/*Prevent text wrapping*/
#menuMobile li ul li a {
    min-width: 100px;
    padding: 0 20px; }

/*Display the dropdown on hover*/
#menuMobile ul li a:hover + .hidden, .hidden:hover {
    display: block; }

/*Style 'show menu' label button and hide it by default*/
#menuMobile .show-menu {
    text-decoration: none;
    color: #231F20;
    background: #FFF;
    text-align: right;
    padding: 10px 10px;
    display: none;
    border-bottom: 4px solid #231F20; }

/*# sourceMappingURL=menu.css.map */