.navbar{
background-color:rgba(255,255,255,.9);
box-shadow: 0 0 8px 0;
}
.navbar-brand img{
max-width:200px;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(37,42,83)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-nav .nav-item{
height: 10vh;
margin-bottom: 12px;
}
.nav-link{
font-family:'bitterBld';
font-size:1.1rem;
color:#fff;
padding:.35rem 1rem!important;
line-height: 1.2;
}

a.nav-link.donate{
background-color:#b51e24;
color:#fff;
padding:.35rem 1.1rem!important;
border-bottom:0px solid transparent;
}
.navbar-collapse {
height:calc(100vh - 66px);
}
.navbar-collapse.collapsing, .navbar-collapse.collapse.show{
background-color:#252a53;
margin:0px -15px;
padding:2rem;
text-align:center;
}
.navbar-collapse.collapse.show{

}





/* 



********* LG SCREENS AND UP


 */
 @media (min-width:992px){

    .navbar-expand-lg .navbar-collapse {
    align-self: flex-end;
    }
    .navbar-collapse {
    height:unset;
    }

    .navbar-nav .nav-item{
    height: unset;
    margin-bottom: unset;
    margin-right:1rem;
    }
    .navbar-nav .nav-item:last-of-type{
    margin-right:0px;
    }
    a.nav-link{
    color:#3b6e4c;
    line-height: 1.2;
    padding:.35rem .5rem!important;
    border-bottom:3px solid transparent;
    transition:all .3s;
    }
    .navbar .navbar-nav a.nav-link:hover{
    color:#b38414;
    border-bottom:3px solid #3b6e4c;
    }
    .navbar .navbar-nav a.nav-link.donate, .navbar .navbar-nav a.nav-link.donate:hover{
    border-bottom:0px solid transparent;
    }
    .navbar .navbar-nav a.nav-link.donate:hover{
    color:#fff;
    }
 }
 
 






/* 



********* XL SCREENS AND UP


 */
 @media (min-width:1200px){
    .navbar-brand img{
    max-width:300px;
    }
    .nav-link{
    padding:.35rem .75rem!important;
    font-size:1.2rem;
    line-height: 1.2;
    }


 }






/*



********* 1550 SCREENS AND UP UTILITIES


 */
 @media (min-width:1550px){
   .navInnerWrap{
      padding: 0px 80px;
   }
   .nav-link{
   padding:.35rem 1rem!important;
   font-size:1.3rem;
   }
}