header { width: 100%; float: left; height: 125px; box-sizing: border-box; padding: 35px 0 0; box-shadow: 0px 2px 6px rgba(0,0,0,0.1); position: relative; z-index: 10; }
	.header-container { width: 1440px; margin: 0 auto; }
		.header-container img { float: left; }
		.header-container ul { float: right; margin-top: 20px; }
			.header-container ul li { display: inline; margin-left: 40px; }
				.header-container ul li a { color: #8d8d8d; font-family: 'Roboto', sans-serif; font-weight: 400; text-decoration: none; }
				.header-container ul li a:hover { color: #000; }


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

	.header-container { width: 1200px; }

}

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

	.header-container { width: 960px; }

}

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

	header { height: 80px; padding: 15px 0 0;}
	.header-container { width: 768px; }
}

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

	header { padding: 25px 20px 0; }
	.header-container { width: 100%; }
	.header-container img { width: 170px; }
	.header-container ul { margin-top: 9px; }
	.header-container ul li { margin-left: 20px; }

}

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

	.header-container img { width: 130px; }
	header { height: 55px; }
	.header-container ul li { margin-left: 13px; font-size: 12px; }
	header { padding: 17px 15px 0; } 
	.header-container ul { margin-top: 4px; }
	.header-container ul li a { font-weight: 500; }

}


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

	.header-container img { width: 115px; }
	.header-container ul { margin-top: 3px; }

}