header{
	position: relative;
	width: 100%;
	height: 180px;
	z-index: 100;
	background: rgba(189,9,12,0.9);
	box-shadow: 0px 6px 10px rgba(0,0,0,0.7);
	transition: 0.5s ease all;
}
	#header{
		position: relative;
		width: 1000px;
		height: 100%;
		margin: auto;
	}
	#header img{
		height: 85%;
		transition:0.5s ease all;
		position: absolute;
		top: 9%;
		left: 0px;
		cursor: pointer;
	}
		#header img:hover{
			filter: brightness(80%);
		}
	header>img{
		display: none;
		position: absolute;
		right: 10px;
		top: 30%;
		height: 40%;
		cursor: pointer;

	}
	header nav{
		margin-top: -10px;
		position: absolute;
		top: 50%;
		right:0px;
	}
		header nav ul{
			list-style: none;
			display: flex;
		}
			header nav ul li{
				margin: auto;
			}
				header nav ul li a{
						text-decoration: none;
						text-transform: uppercase;
						color: #ffd608;
						padding-left: 10px;
						padding-right: 10px;
				}
					header nav ul li a:hover{
						color: white;
					}
				header .navSelect a{
					color: white;
					
				}
					header .navSelect a:hover{
						color: white;
					}
	#nav{
		display: none;
		width:400px;
		max-width: 100%;
		position: fixed;
		right: -400px;
		top: 0px;
		z-index: 100;
		transition: 0.5s ease all;
	}
		#nav ul{
			list-style: none;
		}
			#nav ul li{
				width: 100%;
				text-align: center;
			}
				#nav ul li a{
					padding: 10px;
					text-decoration: none;
					color: white;
					display: block;
					background: rgb(150,0,0);
					cursor: pointer;
				}
				#nav ul li a:hover{
					background: rgb(200,0,0);
				}
				#nav ul li.navSelect a{
					background: rgba(220,0,0);
				}
				#nav ul li.navSelect a:hover{
					background: rgba(255,0,0);
				}