/* Banner at top of page */
#mbanner {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 50px;
    background-color: white;
    z-index: 900;
}

.mbrandColor {
    color: #E28300;
}

#mlogo {
    position: fixed;
    top: 4px;
    left: 10px;
    height: 42px;
    width: auto;
    z-index: 901;
}

#mbannerText {
    position: fixed;
    top: 4px;
    height: 20px;
    left: 58px;
    margin-top: 13px;
    z-index: 901;
}

#mmenuBtn {
    position: fixed;
    top: 4px;
    right: 12px;
    height: 42px;
    width: 37px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    z-index: 901;
}

#mupperBar {
    position: fixed;
    border-radius: 5px;
    margin-top: 5px;
    right: 12px;
    width: 36px;
    height: 7px;
    background-color: #E28300;
    transition: transform .3s, margin .3s;
    z-index: 901;
}

#mmiddleBar {
    position: fixed;
    border-radius: 5px;
    margin-top: 17px;
    right: 12px;
    width: 36px;
    height: 7px;
    background-color: #E28300;
    transition: background-color .2s;
    z-index: 901;
}

#mlowerBar {
    position: fixed;
    border-radius: 5px;
    margin-top: 29px;
    right: 12px;
    width: 36px;
    height: 7px;
    background-color: #E28300;
    transition: transform .3s, margin .3s;
    z-index: 901;
}

#mdivider {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    margin-top: 50px;
    z-index: 901;
}
/* END Banner at top of page */

/* Menu */
#mmenu {
    border-radius: 0px 0px 0px 3px;
    position: fixed;
    top: 50px;
    right: -270px;
    background-color: #E28300;
    width: 220px;
    height: 0px;
    transition: right .2s, height .2s;
    z-index: 903;
}

.mmenuContent {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    cursor: pointer;
    z-index: 903;
}

.mmenuContentImg {
    height: 32px;
    z-index: 903;
}

#noDecor {
    text-decoration: none;
}
/* END Menu */