#navScroll{
    background-color: #4a0d66;  
    -webkit-box-shadow: 0px 8px 22px 2px rgba(0,0,0,0.31);
    -moz-box-shadow: 0px 8px 22px 2px rgba(0,0,0,0.31);
    box-shadow: 0px 8px 22px 2px rgba(0,0,0,0.31);
}
.navbar-right {
    margin-right: 0px;   
}

.navbar-header{
    width: 100%;
    
}
.navbar-default .navbar-nav > li > a {
    color: #fff;  
    font-size: 16px;
    font-family: 'houschka';
}
.navbar-default .navbar-nav > li > a:hover {
    color: #ccc;
}
.navbar-default {
    border-bottom: 0;   
}
.navbar.navbar-purple{
    
}
.navbar-nav > li::after {
    color: #fff;
    content: "|";
    padding: 0 5px;
}
.navbar-nav > li:last-child::after {
    content: none;
}
.navbar-nav > li {
    float: left;
}
.navbar-nav > li > a{
    border-radius: 4px;
    display: inline-block;
    padding: 7px;
}
/**/

@media (max-width:767px ) {
    .underNav, .navbar{
        min-height: 66px;
    }    
}
@media (min-width:768px ) {
    .underNav, .navbar{
        min-height: 96px;
    }   
}

/*LOGO NO TAG*/
h1.nav-brand {
    margin-top: 10px;
    text-align: left;
    display: inline;
}
@media (max-width:767px ) {
    h1.nav-brand {        
        height: auto;
    }
    #navbar{
        margin-top: 47px;   
    }
}
@media (min-width: 768px) {
    h1.nav-brand {
        width: 33.33333333%;
        height: 70px;
    }
    #navbar{
        margin-top: 51px;   
    }
    .logoNoTag h1.nav-brand {
        height: 31px;
        
    }
    h1.nav-brand svg.alzLogo{
        width: 100%;
        height: auto;
        bottom: 0px;
        position: absolute;
    }
    .logoNoTag #navbar{
        margin-top: 14px;   
    }
}
@media (min-width: 992px) {
    h1.nav-brand {
        width: 334px;
        height: 70px;
    }
    .logoNoTag h1.nav-brand {
        width: 50%;
        height: 31px;
        
    }
    #navbar{
        margin-top: 51px;   
    }
    h1.nav-brand svg.alzLogo{
        width: 259px;
        height: auto;
        bottom: 0px;
        position: absolute;
    }
    .logoNoTag #navbar{
        margin-top: 14px;   
    }
}
@media (min-width: 1200px) {
    h1.nav-brand {
        width: 334px;
        height: 70px;
    }
    .logoNoTag h1.nav-brand {
        width: 50%;
        height: 31px;
        
    }

    #navbar{
        margin-top: 53px;   
    }
    .logoNoTag #navbar{
        margin-top: 14px;   
    }
    h1.nav-brand svg.alzLogo{
        width: 259px;
        height: auto;
        bottom: 0px;
        position: absolute;
    }
}
.underNav.logoNoTag, .navbar.logoNoTag{
    min-height: 51px;
}


h1.nav-brand svg{
    height: 100%;
    max-height: 68px;
    text-align: left;
    display: inline;
    width: auto;
}
.st0.svgLogo{
    fill: #fff;
}



/*LOGO WITH AND WITHOUT TAGS */
@media (max-width: 767px) {
    .withAndWithoutTag h1.nav-brand svg{
        height: auto;
        width: 100%;
        bottom: 0px;
        position: relative;
    }
    .withAndWithoutTag h1.nav-brand{
        margin-top: 7px;
        margin-bottom: 7px;
        max-height: 60px;
    }
    .withAndWithoutTag .navbar-toggle{
        margin-top: 10px;
    }
    .withAndWithoutTag.underNav, .withAndWithoutTag.navbar{
        min-height: 60px;
    }
}
@media (min-width: 768px) {
    h1.nav-brand svg{
        height: auto;
        width: 100%;
        bottom: 0px;
        position: absolute;
    }
}
@media (min-width: 992px) {
    h1.nav-brand svg{
        height: auto;
        width: 100%;
        bottom: 0px;
        position: absolute;
    }
}
@media (min-width: 1200px) {
    h1.nav-brand svg{
        height: auto;
        width: 100%;
        bottom: 0px;
        position: absolute;
    }
}



/**/


.container > .navbar-header {
    margin-left: 0px;
    margin-right: 0px;
}
.navbar-toggle {
    margin-right: 0px;  
    margin-top: 20px;
}

/* DROPDOWN */
@media (max-width:767px ) {
    #navbar.navbar-collapse{
        margin-top: 9px;
        background-color: #4a0d66;
        width: 100%;
    }
    #navbar.navbar-collapse li{
        width: 100%;
        float: none;
        text-align: center;
    }
    #navbar.navbar-collapse .navbar-nav{
        margin-left: 0px;
        margin-right: 0px;
    }
    #navbar.navbar-collapse .navbar-nav > li{
        margin-bottom: 20px;
        margin-top: 20px;
    }
    #navbar.navbar-collapse .navbar-nav > li::after {
         content: none;
    }
    #navbar.navbar-collapse .navbar-nav > li a{
        width: 100%;
        height: auto;
        border: 1px solid #fff;
        padding: 10px 0px;
    }
}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}