@media (max-width:768px) {
.mobile_menu_trigger button {
    width:3em;
    height:3em;
    border:0;
    color:#fff;
    text-transform:uppercase;
    background:transparent;
    cursor:pointer;
}
.mobile_menu_trigger button span {
    width:3em;
    height:.3em;
    display:block;
    margin-top:.3em;
    background-color:#fff;
    content: " ";
}
.mobile_menu_trigger button span.text {
    width:auto;
    height:auto;
    font-size:.833em;
    background:transparent;
}
.mobile_menu {
    position:fixed;
    display:none;
    z-index:100;
}
.mobile_menu .inner {
    height:100%;
    overflow:auto;
    background-color:#3e7493;
}
.mobile_menu.active.position_left {
    box-shadow:2px 0 5px 0 rgba(0,0,0,.5);
}
.mobile_menu.active.position_top {
    box-shadow:0 2px 5px 0 rgba(0,0,0,.5);
}
.mobile_menu.active.position_right {
    box-shadow:-2px 0 5px 0 rgba(0,0,0,.5);
}
.mobile_menu.active.position_bottom {
    box-shadow:0 -2px 5px 0 rgba(0,0,0,.5);
}
.mobile_menu.active.no_shadow {
    box-shadow:none!important;
}
.mobile_menu_trigger {
    display:none;
}
.mobile_menu_wrapper {
    width:100%;
    position:relative;
    overflow:hidden;
}
.mobile_menu_overlay {
    width:100%;
    height:100vh;
    top:0;
    left:0;
    position:fixed;
    z-index:99;
}
.mobile_menu_overlay.background {
    background-color:rgba(5,28,42,.05);
}
.mobile_menu nav ul.level_2,
.mobile_menu nav ul.level_3 {
    display:none;
}
.mobile_menu nav li.trail> ul.level_2,
.mobile_menu nav li.trail >ul.level_3,
.mobile_menu nav li.active> ul.level_2,
.mobile_menu nav li.active>ul.level_3 {
    display:block;
}
.mobile_menu ul.level_1 {
    width:80%;
    margin-left:1.5em;
    font-size:1.4em;
}
.mobile_menu ul.level_1 > li.trail > a  {
    display:block;
    border-color:#b7c8d5;
    text-decoration:none;
}
.mobile_menu ul.level_2 {
    margin-left:2.5em;
    font-size:.8em;
}
.mobile_menu ul.level_3 {
    margin-left:3em;
    font-size:.9em;
}
.mobile_menu li:hover > a,
.mobile_menu li.active >  strong {
    border-bottom:.3em solid #f6921e;
    color:#fff;
}
.mobile_menu ul li a,
.mobile_menu ul li strong {
    display:inline-block;
    margin-top:.4em;
    margin-bottom:.6em;
    padding-top:.4em;
    padding-bottom:0;
    /*white-space:nowrap;*/
    border-bottom:.3em solid #3e7493;
    font-size:1.25em;
    font-weight:normal;
    text-decoration:none;
    color:#fff;
    box-sizing:border-box;
}
.mobile_menu li.trail.submenu > a,
.mobile_menu li.trail.submenu > span,
.mobile_menu li.trail.submenu > strong {
    display:block;
    border-color:#b3cce0;
}
.mobile_menu ul li a {
    text-decoration:none;
}
}