@charset "utf-8";

/* CSS Document */

body{
	width:100%;
	margin:0 auto;
	overflow-x: hidden;
}
header div span {
    top: -15px;
}
#nav-container nav ul li a {
	font-size: 12px;
	padding: 0;
	padding-right: 18px;
	padding-left: 5px;
}
header div h1 {
    font-size: 30px;
}
#school-links{
	left: -7px;
}
#school-links a {
	font-size: 11px;
}
#copyright p {
	font-size: 11px;
}
@media (max-width: 750px){
	#nav-container nav ul li a {
		font-size: 11px;
		padding-left: 5px;
	}
}
@media (max-width: 700px){
	header div h1 {
		font-size: 25px;
		top: -2px;
	}
	header div span {
		font-size: 90%;
	}
	#contacts {
		left: 122px;
	}
	#content {
		width: 100%;
		max-width: 500px;
	}
	#nav-container nav ul li a {
		font-size: 10px;
	}
	.dwc_school {
		display: none;
	}
	#school-links a, #copyright p{
		font-size: 100%
	}
}
@media (max-width: 650px){
	#nav-container nav ul li a {
		font-size: 9px;
	}
}
@media (max-width: 600px){
	#nav-container nav ul li a {
		font-size: 8px;
	}
	header div h1 {
		font-size: 22px;
	}
	#contacts, #address {
		font-size: 75%;
	}
	#school-links li:not(:last-child) {
		padding-right: 0px;
	}
}
@media (max-width: 550px){
	header div h1 {
		font-size: 18px;
		left: 95px;
	}
	header div span {
		font-size: 70%;
		left: 95px;
	}
	header img {
		top: -8px;
		width: 80px;
	}
	#nav-container {
		top: -90px;
	}
	section{
		top: -75px;
	}
	#nav-container nav ul li a {
		font-size: 7px;
	}
	#contacts, #address {
		left: 96px;
		display: block;
	}
	#content {
		width: 100%;
		max-width: 400px;
	}
}