.navbar{
	display: block;
	position: fixed;
	top: 0;
	grid-template-columns: repeat(auto-fill, minmax(14%, 1fr));
	width: 100%;
	z-index: 400000;
	background-color: #36454F;
	justify-items: center;
	/*
	*/
	grid-column-gap: 1%;
}
.navContainer{
	display: table;
	margin-left: auto;
	margin-right: auto;
	width: 72vw;
	padding-top: .2vw; 
	padding-bottom: .4vw; 
}
.navbar a{
	position: relative;
	padding-top: .2%;
	padding-left: 3%;

	

	
	font-size: 0.9vw;
	float: left;
	background-color: #36454F;
	display: block;
	text-decoration: none;

}

 .navbar a:hover{
				 /*
	background-color: #110000;
				   background-color: #5e0100;
				   */
				   color: #00a7e3;
			  }


			  .navIcon{
				 display: none;
			  }


@media(max-width:800px){
			  .navbar{
					position:fixed;
					z-index: 400000;
					display: none;
					width: 20em;
					top: 4em;
					
			  }
			  .navbar a:hover{
				   background-color: #5e0100;
				   color: #b0a7e3;
			  }
			  .navbar a{
				 margin-top: 0rem;
				float: none;
				text-decoration: none;
				padding: 0.3em;
				font-size: 1.5em;
				/* background-color: #5e0100; */
				background-color: #2a0c0c;
				display: block;
			  }
				 .navIcon{
					display: block;
					position: fixed;
					width: 100%;
					text-align: center;
					z-index: 400010;
					font-size: 1.2em;
					vertical-align: top;
					/* background-color: ; background-color: black; */
					background-color: ; background-color: #36454F;
					padding: 4px;
					top: 0em;
				 }
				  .navIcon i{
					position: relative;
					display: table;
					margin-bottom: 0;
					font-size: 2em;
					float: right;
					margin-right: 1em;
				 }
				 .navbar{
					  display: none; 
				 }
				 .navIcon i .text{
					font-size: .3em;
					font-family: "Arial Black", Gadget, sans-serif;
				 }
				 .mobileLogo{
					display: none;
					font-size: 5vw;
					margin-top: .3em;
					float: left;
					margin-left: 1.5rem;

				 }
			  }
@media(max-width:600px){
				  .mnavbar {
					 width: 5em;
					 background-color: #2a0c0c50;
				 }
				 .navbar{
					display: none;
					position: fixed;
					width: 100%;
					top:4em;
				 }

				 .navIcon i{
					position: relative;
					display: table;
					font-size:36px;
					margin-bottom: 0;

				 }
				 .navIcon i .text{
					font-size: .3em;
					font-family: "Arial Black", Gadget, sans-serif;
				 }

			   }