*{
font-family: arial;
}
/*Menu Bar Css*/
.custom-toggler.navbar-toggler {
    border-color: unset;
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(249,166,2, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar{
padding: 0px!important;
}
.bg-dark{
background-color: #003152 !important;
}
.navbar-brand{
color: white!important;
font-weight: bold;
font-size: 28px;
}
.navbar-dark .navbar-nav .nav-link{
font-weight: 700!important;
font-size: 14px;
text-transform: uppercase;
}
/*.navbar-dark .navbar-nav .nav-item{
margin: 0 30px;
}*/
a.nav-link{
padding: 30px 10px !important;
color: white!important;
}
li.nav-item:hover{
background-color: #bebdb8;
color: black!important;
}
.navbar-active{
background-color: #F9A602;
}
a.active-color{
color: black!important;
}
@media only screen and (max-width: 991px) {
.navbar-dark .navbar-nav .nav-item{
margin: 0 0px;
}
a.nav-link{
padding: 15px 10px !important;
color: white!important;
}
ul{
text-align: center!important;
}
}

/*For example, when the browser's width is between 600 and 900px*/
@media screen and (max-width: 411px) and (min-width: 320px) {
.navbar-brand{
font-size: 15px;
}
}
@media screen and (max-width: 414px) and (min-width: 10px) {
.navbar-brand{
font-size: 10px;
}
}
@media screen and (max-width: 604px) and (min-width: 414px) {
.navbar-brand{
font-size: 16px;
}
}
@media screen and (max-width: 1164px) and (min-width: 992px) {
.navbar-brand{
font-size: 18px;
}
}




/*Menu Bar Css*/

/*Footer*/
h4{
color: #F9A602 !important;
font-weight: bolder;
font-size: 22px;
text-transform: uppercase;
}