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

body {
	border:0;
	margin: 0;
	padding: 0;
	font-family: 'Dosis', sans-serif;
}


header {
	background: #000;
	width:100%;
	height:auto;
	float:left
}


.logo {
	width:5%;
	height: auto;
	float: left;
	margin-left: 20%;
	margin-top: 5px;
	position: absolute;
	z-index: 10;
}


.logo img {
	width:80%;
	height: auto;
	float: left;
	margin-left: 10%;
	margin-right: 10%;
}


.menu {
	width:50%;
	height: auto;
	float: left;
	margin-left: 45%;
	margin-top: 0px;
}



@media screen and (max-width:1700px) {
	
	
.logo {
	width:5%;
	height: auto;
	float: left;
	margin-left: 20%;
	margin-top: 7px;
}	
	
.menu {
	width:60%;
	height: auto;
	float: left;
	margin-left: 35%;
	margin-top: 0px;
}	
	
	
}



@media screen and (max-width:1500px) {
	
	
.logo {
	width:8%;
	height: auto;
	float: left;
	margin-left: 20%;
	margin-top: 4px;
}	
	
.menu {
	width:60%;
	height: auto;
	float: left;
	margin-left: 40%;
	margin-top: 0px;
}	
	
	
}



@media screen and (max-width:1200px) {
	
	
.logo {
	width:5%;
	height: auto;
	float: left;
	margin-left: 15%;
	margin-top: 9px;
}	
	
.menu {
	width:65%;
	height: auto;
	float: left;
	margin-left: 30%;
	margin-top: 0px;
}	
	
	
}


@media screen and (max-width:1100px) {
	
	
.logo {
	width:10%;
	height: auto;
	float: left;
	margin-left: 15%;
	margin-top: 3px;
}	
	
.menu {
	width:70%;
	height: auto;
	float: left;
	margin-left:30%;
	margin-top: 0px;
}	
	
	
}



@media screen and (max-width:900px) {
	
	
.logo {
	width:8%;
	height: auto;
	float: left;
	margin-left: 10%;
	margin-top: 6px;
}	
	
.logo img {
	width:90%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
}		
	
	
.menu {
	width:75%;
	height: auto;
	float: left;
	margin-left: 25%;
	margin-top: 0px;
}	
	
	
}




@media screen and (max-width:800px) {
	
	
.logo {
	width:8%;
	height: auto;
	float: left;
	margin-left: 10%;
	margin-top: 7px;
}
	
	
.logo img {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
}	
	
	
.menu {
	width:80%;
	height: auto;
	float: left;
	margin-left: 20%;
	margin-top: 0px;
}	
	
	
}



@media screen and (max-width:500px) {
	
	
.logo {
	width:30%;
	height: auto;
	float: left;
	margin-left: 35%;
	margin-top: 10px;
	position: absolute;
	z-index: 10;
}
	
	
.logo img {
	width:80%;
	height: auto;
	float: left;
	margin-left: 10%;
	margin-right: 0%;
	margin-top: -5%;
}	
	
	
.menu {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-top: 5%;
}	
	
	
}