@charset "UTF-8";
 CSS Document 

style* { margin: 0 auto; font-family: sans-serif; }  

body {
}  

header { 	height: 70px; 	background-color: #3e739d; 	border-bottom: 1px solid #494949; 	display: flex; 	align-items: center; 	justify-content: center; } 

header > h1 {
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: white;
}

header > .top { 	position: absolute; 	left: 20px; } 

header > .top a.menu_icon i {
	color: #FFF;
	font-size: 40px;
	padding-top: 5px;
	transition: .2s ease;
} 

header > .top a.menu_icon:hover i { 	color: #fff; } 

nav.menu {
	width: 100%;
	height: auto;
	background: rgba(60, 86, 41, 0.85);
	position: absolute;
	left: -125%;
	transition: .3s all;
	top: 40px;
	min-height: calc(100vh - 121px)
	text-align: left;
	color: #FFFFFF;/*	background-color: rgb(60, 86, 41);*/
} 

nav.menu > a {
	display: block;
	color: #ffffff;
	text-transform: uppercase;
} 

main {
	width: 100%;
	box-sizing: border-box;
} 

footer { 	
	height: 50px; 	
	background-color: #494949; 	
	color: #fff; 	display: flex; 	
	align-items: center; 	
	justify-content: center; 	
	bottom: 0; 	position: fixed; 	
	width: 100%; }  

.menu_show {
	left: 0!important;
	position: absolute;
	z-index: 4;	
}  



@media screen and (max-width: 425px) { 	

header h1 { 		font-size: 16px; 	}




@media screen and (max-width: 360px) { 	

nav.menu {
	width: 100%;
	left: -100%;
	
} 

}