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

header{
	max-width:100%;
	width:98%;
	margin:0 auto;
	padding:20px 0;
}

header figure{
	max-width:100%;
	vertical-align:top;
	width:30%;
	display:inline-block;
}

header figure a{
	opacity:1;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}

header figure a:hover{
	opacity:.7;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}

header figure a img{
	width:100%;
	max-width:300px;
	margin:10px auto;
}

header nav{
	max-width:100%;
	width:69%;
	display:inline-block;
	font-size:14px;
	vertical-align:top;
}

header nav a{
	text-decoration:none;
	padding:2px 5px;
	margin:0 10px;
	vertical-align:middle;
	display:inline-block;
}

header nav a:hover{
	padding:1px 4px;
	border:rgba(51,51,51,1) 1px solid;
}

@media screen and (max-width:913px){
	
header figure{
	width:24%
}
	
header nav{
	width:75%;
	font-size:75%;
}

}

@media screen and (max-width:800px){
	
header{
	display:inline-block;
	width:100%;
	background:#15603E url(img/logo1.png) center no -repeat !important;
	height:75px;
	margin:0;
}
	
header figure{
	display:none;
}
	
header nav{
	display:none;
}

}

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

header{
	background:#15603E url(img/logo2.png) right no-repeat;
}
	
}