

.bg-light {
    background-color: transparent !important;
}

.navbar {
	padding-left: 0px;
	padding-right: 0px;
	padding-top:15px;
}


.nav li.nav-item {
	font-family: 'FranklinGothicStd-ExtraCond';
	font-size: 3.8rem;
	text-transform: uppercase;
	background-color: #fff;
	color: #000;
	border: 2px solid #000;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-bottom: 7px;
	padding-top: 12px;
	padding-left: 20px;
	padding-right: 20px;

}

body.yellow .nav li.nav-item {
	background-color: #fff69b;
}

.nav li.nav-item.active {
	background-color: #000;
}

.nav li.nav-item a {
	color: #000;
	padding: 0;
	line-height: 1;
}

.nav li.nav-item.active a {
	color: #fff;
}

body.yellow .nav li.nav-item.active a {
	color: #000;
}


@media (min-width: 1200px) and (max-width: 1400px) { 

.nav li.nav-item {
	font-size: 2.4rem;
}
}

@media (min-width: 992px) and (max-width: 1199.98px) { 

.nav li.nav-item {
	font-size: 2rem;
}

}



@media (max-width: 991px) { 

.navbar-collapse {
	position: fixed;
	background-color: #fff;
	overflow:hidden;
	width: 100%;
	height: 100%;
	z-index: 3000;
}

.fa-times {
	display: none;
}

.fa, .fab, .fal, .far, .fas {

    font-size: 2rem;
}

.navbar {
	display: block;
}

.nav {
	display: block;
}
.nav li.nav-item {
	float: left;
	clear: left;
	text-align: center;
}

.nav li.nav-item {
	font-size: 2rem;
}

.navbar-light .navbar-toggler {
    color: #000;
    border: none;
    margin-bottom: 10px;
	border-radius: 0; 
	padding: 0;
}

.navbar-light .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");
 }

 nav h2 a, nav h2 a:hover {
 	color: #000;
 	text-decoration: none;
 }

 .icons img {
 	width: 20px;
 }
}

@media (max-width: 991px) and (max-height: 600px) { 
.nav li.nav-item {
	font-size: 2rem;
}}

@media (max-width: 321px) { 
.nav li.nav-item {
	font-size: 1.5rem;
}

.navbar h2{
	font-size: 1.5rem;
}
}

