.toggle, [id^=drop] {
    display: none;
}

nav {
    position: relative;
    z-index: 10;
    margin: 0 auto;
    padding: 0;
    background-color: #BE1E2D;
    font-size: 1.2rem;
    font-weight: 400;
    xline-height: 3rem;
    -webkit-box-shadow: 0px 11px 25px -7px rgba(0,0,0,0.62);
    -moz-box-shadow: 0px 11px 25px -7px rgba(0,0,0,0.62);
    box-shadow: 0px 11px 25px -7px rgba(0,0,0,0.62);
    border-bottom:inset 1px #888;

}

nav:after {
    content: "";
    display: table;
    clear: both;
}

nav ul {
    padding: 0;
    xmargin: 0 auto;
    list-style: none;
    position: relative;
}

nav ul li {
    margin: 0 auto;
    display: inline-block;
    float: left;
    xline-height: 3rem;
    background-color: #BE1E2D;
}

nav a {
    display: block;
    padding: 0 20px;
    color: white;
    text-decoration: none;
    xline-height: 3rem;

}
/*
nav ul li ul li:hover {
    background-color: #BE1E2D;
    text-decoration: none;
}
*/
nav a:visited, nav a:focus, nav a:hover, nav a:active {
    text-decoration: none;
    color: white;
    background-color: #BE1E2D;
}
nav a:hover, nav a:active {
    background-color: #2B3990;
    -webkit-box-shadow: 0px 11px 25px -7px rgba(0,0,0,0.62);
    -moz-box-shadow: 0px 11px 25px -7px rgba(0,0,0,0.62);
    box-shadow: 0px 11px 25px -7px rgba(0,0,0,0.62);
}

/*submenu*/
nav ul ul {
    display: none;
    position: absolute;
    top: 42px;
}

nav ul li:hover > ul {
    display: inherit;
}
/*highlight dropdown*/
nav li:hover > a {
    background-color: #2B3990;
}

nav ul ul li {
    width: 200px;
    float: none;
    display: list-item;
    position: relative;
    xfont-size: 1rem;
    xline-height: 2rem;
    background-color: #2B3990;
    border: #262020 solid 1px;
    border-top: none;
}
nav ul ul li a:hover{
    background-color: #BE1E2D;
    color: white;
}
nav ul ul ul li {
    position: relative;
    top: -40px;
    left: 168px;
}
nav ul ul a,
label[for^=drop-sub] {

    font-size: 1rem;
}
nav ul ul li:first-child a { border-top: #262020 solid 1px; }
/*
.dropdown > a:after,
.dropdown-submenu > a:after {
    top: 8px;
    right: 9px;
    font-size: 11px;
    content: "\f105";
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
}
.dropdown > a:after {
    top: 18px;
    right: 15px;
    content: "\f107";
}
*/

nav li > a:after,
label[for^=drop-]:after {
    font-family: FontAwesome;
    display: inline-block;
    top: 1px;
    left: 4px;
    position: relative;
    font-size: 1.2rem;
    font-weight: 800;
    padding-left: 2px;
    content: '\f105';
}
/*downarrow  NEEDS A LITTLE MORE WORK*/
nav label + a:hover:after, nav label + a:active:after,
label[for^=drop-]:active:after {
    font-family: FontAwesome;
    display: inline-block;
    top: 1px;
    left: 4px;
    position: relative;
    font-size: 1.2rem;
    font-weight: 800;
    padding-left: 2px;
    content: '\f107';
}
/* ---------------------------------------------------- */
/* Dropdown */
/* ---------------------------------------------------- */
/*
.dropdown > a:after,
.dropdown-submenu > a:after {
    top: 8px;
    right: 9px;
    font-size: 11px;
    content: "\f105";
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
}
.dropdown > a:after {
    top: 18px;
    right: 15px;
    content: "\f107";
}
*/

li > a:only-child:after { content: ''; }

/*Label and Checkbox margin/padding caused align problems*/
nav input[type=checkbox], nav label
{
    margin: 0;
    padding: 0;
}
label[for^=drop-] {
    width: 100%;
}
.sb-icon-navbar i {
    background-color: #2B3990;
    background-image: none;
    color: #fff;
    margin: 0;
    margin-left: 15px;
    vertical-align: middle;
    font-size: 1.5rem;
    position: absolute;
    right: 0;
    top: 0;
    padding: 11px 9px 11px 9px;
}
/*LORI STARTED HERE*/
header {
    background-image: -webkit-linear-gradient(bottom, #f0f0f0, #f4f4f4);
    background-image: -moz-linear-gradient(bottom, #f0f0f0, #f4f4f4);
    background-image: -o-linear-gradient(bottom, #f0f0f0, #f4f4f4);
    background-image: linear-gradient(to top, #f0f0f0, #f4f4f4);
    height: 100%;
}
header img {
    min-width:200px;
    width: 48vw;
    max-width:100%;
    margin: 2px;
}
#brandmsg {
    display: none;
}
.brandmsg
{
    xdisplay: inline-block;
    xdisplay:table-cell; vertical-align:middle;
    xmargin-top: calc(50vh - 10px);

    width: 50%;
    text-align: center;
    float: right;
    xoverflow: hidden;
    xposition: relative;
    xtop: 50%;
    background-image: url("../img/bg_header.png");
    background-repeat: no-repeat;
    background-position: right top;
    -webkit-background-size: contain;
    background-size: contain;
}


.brandmsg h4 {
    xmargin-bottom: 5px;
    xmargin-top: 10%;
    xmargin-left: 15px;
    color: #2B3990;
    font-size: 2.2vw;
    visibility: hidden;
}
.brandmsg h4 span,
.brandmsg h4 span a {
    color: #BE1E2D;
}
/*24hr*/
.emer24 {
    margin-bottom: 6px;
    margin-top: 6px;
    color: #BE1E2D;
    color: black;
    font-size: 1.8vw;
    font-weight: bold;
    visibility: hidden;
    text-shadow: 1px 1px 3px #888;
}
@media all and (min-width : 400px) {
    .brandmsg h4, .emer24 {
        visibility: visible;
    }
    #brandmsg {
        display: table-cell;
    }
}
@media all and (min-width : 500px) {
    nav a {
        line-height: 3rem;

    }
    nav ul ul li a {
        line-height: 2rem;
    }
    nav li > a:after,
    label[for^=drop-]:after {
        font-family: FontAwesome;
        display: inline-block;
        top: 1px;
        left: 4px;
        position: relative;
        font-size: 1.5rem;
        font-weight: 800;
        padding-left: 2px;
        content: '\f105';
    }
    /*downarrow  NEEDS A LITTLE MORE WORK*/
    nav label + a:hover:after, nav label + a:active:after,
    label[for^=drop-]:active:after {
        font-family: FontAwesome;
        display: inline-block;
        top: 1px;
        left: 4px;
        position: relative;
        font-size: 1.5rem;
        font-weight: 800;
        padding-left: 2px;
        content: '\f107';
    }
}

/* Media Queries
--------------------------------------------- */
@media all and (max-width : 499px) {
    .brandmsg {
        xvisibility: hidden;
    }
    nav { margin: 0; }
    .toggle + a,
    .menu { display: none; }
    .toggle {
        display: inline-block;
        xbackground-color: #254441;
        padding: 0 20px;
        color: #FFF;
        font-size: 1.2rem;
        xline-height: 3rem;
        font-weight: 400;
        text-decoration: none;
        border: none;
    }
    .toggle:hover { background-color: #2B3990; }

    [id^=drop]:checked + ul { display: block; }

    nav ul li {
        display: block;
        width: 100%;
    }
    nav li, nav label  {
        border: #262020 solid 1px;
        border-top: none;
    }
    nav li:first-child a,
    nav label:first-child a {
        border-top: #262020 solid 1px;
    }

    nav ul ul .toggle,
    nav ul ul a { padding: 0 40px; }

    nav ul ul ul a { padding: 0 80px; }

    nav a:hover,
    xnav ul ul ul a { background-color: #000000; }

    xnav ul li ul li .toggle
    {
        xbackground-color: #212121;
    }

    nav ul ul {
        float: none;
        position: static;
        color: #ffffff;
    }

    nav ul ul li:hover > ul,
    nav ul li:hover > ul { display: none; }

    nav ul ul li {
        display: block;
        width: 100%;
        xtop: -2px;
    }

    nav ul ul ul li {
        position: static;
    }
    .sb-icon-navbar i {
        xmargin-left: 15px;
        xvertical-align: middle;
        xfont-size: 1.5rem;
        xposition: absolute;
        left: 0;
        xtop: 0;
        padding: 11px 9px 11px 9px;
    }
.top-nav-social { display: none; }
}

@media all and (max-width : 330px) {

    xnav ul li {
        display: block;
    }

}