@media(max-width: 1550px){
	#header{
		width: 1000px;
	}
}
@media(max-width: 1050px){
	#header{
		width: 800px;
	}
}
@media(max-width: 850px){
	#header{
		width: 100%;
	}
	#header>a{
		margin-left: auto;
	}

	#header>nav{
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0px;
		left: 0px;
		background: rgba(0,0,0,0.5);
		z-index: 10;
		transition: 0.5s ease visibility, 0.5s ease background, 0.5s ease opacity;
	}
		#header>nav[active="false"]{
			background: transparent;
			visibility: hidden;
			opacity: 0;
		}
		#header>nav ul{
			position: absolute;
			top: 0px;
			right: 0px;
			max-width: 100%;
			width: 300px;
			height: 100vh;
			display: block;
			background: white;
			transition: 0.5s ease right;
		}
		#header>nav[active="false"] ul{
			right: -300px;
		}
			#header>nav ul li{
				width: 100%;
			}
				#header>nav ul li a{
					width: 100%;
					padding: 10px;
					background: rgba(0,0,0,0.05);
					text-align: center;
					border-bottom: 1px solid rgba(0,0,0,0.05);
					color: rgba(0,0,0,0.8);
				}
					#header>nav ul li:last-child{
						display: block;
					}
		#header>div#rwdButton{
			display: block;
		}
		#header>div.social-media-rwd{
			display: block;
		}
		#header>div.social-media-desktop{
			display: none;
		}
}
@media(max-width: 350px){
	#header{
		display: block;
		text-align: center;
	}
	#header>div.social-media-rwd{
		display: none;
	}
	#header>div.social-media-desktop{
		display: block;
	}
	#header>div.social-media{
		margin-top: 10px;
	}
		#header>div.social-media>a>img{
			width: 25px;
		}
	#header>div#rwdButton{
		margin-top: 10px;
		width: 30px;
		height: 30px;
	}
		#header>div#rwdButton>figure{
			height: 6px;
		}
			#header>div#rwdButton>figure:nth-child(2){
				margin-top: -3px;
			}
}