@charset "utf-8";
/* CSS Document */

@charset "UTF-8";
body,html{background-color:#000;width:100%;height:100%}.wrap{width:100%;margin:0
auto}a,a:visited{color:#b22d25;text-decoration:none}a:hover,a:focus,a:visited:hover,a:visited:focus{color:#8c231d}a:link,a:visited:link{-webkit-tap-highlight-color:rgba(0, 0, 0, 0.3);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5{text-rendering:optimizelegibility;font-weight:500}

.header{
	position:relative
	}
	
	#logo{
		margin-left: 41%;
		width:100%;'
		height:100%;
		float: middle;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;

		}
		#logo a{
			color:white
			}
			
			#pg-logo{
				float:left;
				position:absolute;
				padding: .5em 1em;
				max-width:180px;
				z-index:15
				}



@media only screen and (min-width: 100px) and (max-width: 499px){

	

#logo{
	width:80vw;
	padding:45vw 0 0  0;
	
	left: -20vw;
	right: 10vw
	}
	
	#pg-logo{
		padding:1em 1em 1em 2em;
		max-width:250px
		}
		
		.nav-home{
			width:50px
			}
			
		svg {
    top: 0;
    left: 0;
	


	/*display: none;*/

			}
}


			
			
			@media only screen and (min-width:500px)and (max-width: 799px)
			
			{
				.wrap{
					width:100%
					}
					
				.archive-wrap{
					width:80%
					;margin:0 auto
}

#logo{
	width:70vw;
	padding:25vw 0 0  0;
	
	left: -15vw;
	right: 10vw
	}
	
	#pg-logo{
		padding:1em 1em 1em 2em;
		max-width:250px
		}
		
		.nav-home{
			width:50px
			}
			
		svg {
    top: 0;
    left: 0;
		}
		
		
		}
		@media screen and (min-width: 800px) and (max-width: 1000px)
		{
		.header{
			position:relative
			}
			
			#logo{
	width:60vw;
	padding:10vw 0 0  0;
	
	left: -10vw;
	right: 10vw
	}
	
	#pg-logo{
		padding:1em 1em 1em 2em;
		max-width:250px
		}
		
		.nav-home{
			width:50px
			}
			
		svg {
    top: 0;
    left: 0;
		}
		
			}
		@media screen and (min-width: 1001px) and (max-width: 2000px)
		{
			.header{
			position:relative
			}
			
			#logo{
	width:45vw;
	padding:-20vw 0 0  0;
	
	left: -5vw;
	right: 15vw
	}
	
	#pg-logo{
		padding:1em 1em 1em 2em;
		/*max-width:250px*/
		}
		
		.nav-home{
			width:50px
			}
			
		svg {
    top: 0;
    left: 0;
		}
			}