@charset "UTF-8";

.sub-nav {        	
	background-color: #212529;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 1rem;
	padding-bottom: 1rem;
	min-height: 66px;
}
.sub-nav > .container {
	display: flex;
	flex-wrap: inherit;
	align-items: center;
	justify-content: center;
}
#subNav .navbar-brand {
	color: #ffc800;			
	font-weight: 700;
	letter-spacing: 0.0625em;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	margin-right: 0px;
}
#subNav .navbar-brand img {
	height: 1.5rem;
	display: none;
}
#subNav .navbar-brand {
	font-size: 0.9em;
}		
.back-btn {
	position: absolute;
	padding: 10px;
}
.back-btn > img {
	width: 26px;									
}
#subNav .navbar-brand span {
	margin-bottom: -1px;
}

@media (min-width: 359px) {
	#subNav .navbar-brand img {
  			display: inherit;
	}
	#subNav .navbar-brand {
		font-size: 1em;
	}
}
@media (min-width: 992px) {
	.sub-nav {
       	border: none;
       	flex-wrap: nowrap;
       	justify-content: flex-start;
       	padding-top: 1rem;
      		padding-bottom: 1rem;
       }
	.sub-nav > .container {	        	
       	justify-content: space-between;
       }
	#subNav .navbar-brand {
		font-size: 1.25em;
	}
	#subNav .navbar-brand img {
  			height: 2rem;
	}
	.back-btn{
		display: none;			
	}
}