.hide-mobile-navigation{
display: inherit;
visibility:visible;
}

.nav-holder{
width: 1040px;
position: relative;
padding: 10px 0px;
margin: 0px auto;
}


/* Main Nav */
.main-nav-holder{
width: 70%;
margin-let: 2px !important;
}

.main-nav-holder .nav-item{
width:initial;
white-space: nowrap;
}

.main-nav-holder .nav-item a:link,
.main-nav-holder .nav-item a:active,
.main-nav-holder .nav-item a:visited,
.main-nav-holder .nav-item a:hover{
padding: 10px 14px !important;
margin-right: 20px;
font-family: Dosis, Open Sans, Arial !important;
font-size: 1.2em !important;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
background-color: #08387e !important;
color: #fc8c08 !important;
}

.main-nav-holder .nav-item a:hover{
color: #ffffff;
text-decoration: underline;

}


.main-nav-holder .dropdown-toggle::after {
color: #29abe1;
font-size: 14pt;
}


.main-nav-holder .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(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}



.main-nav-holder .navbar-toggler {
  border-color: rgb(0,0,0);
  margin-left: 8px;
} 



/* Phone on Desktop */
.nav-holder h3{
display: block;
visibility: visible;
position: absolute;
top: 20px;
right: 0px;
}

.nav-holder h3 a:link,
.nav-holder h3 a:active,
.nav-holder h3 a:visited,
.nav-holder h3 a:hover{
padding: 8px 14px;
font-family: Arial, Times;
font-size: 2em;
font-weight: normal;
color: #ffffff;
text-decoration: none;
}






/* MOBILE */



@media (max-width: 960px) {
.nav-holder{
width: 100% !important;
}

.main-nav-holder{
width: 100%;
}
.nav-holder h3{
display: none;
visibility: hidden;
position: absolute;
}


.main-nav-holder .navbar-collapse{
background-color: #29abe1;
padding: 14px 8px;
}
.main-nav-holder .navbar-collapse ul li{
margin-bottom: 10px;
font-size: 1em;
}


.main-nav-holder .nav-item{
display: block;
}
/*
.main-nav-holder > a,
.main-nav-holder > img{
display: block;
margin: 0px auto;
margin-bottom: 10px;
}
*/
}