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

/*
<div id="header">
	<div class="logo" id="logo"></div>
</div>
*/

#header{
		width: 100%;	
		height: 150px;
		margin: auto;
		padding: 0;
}

#logo{
		width: 418px;	
		height: 106px;
		margin: auto;
		padding: 0;
		background-image: url(../logos/logo.png);
		background-repeat: no-repeat;
}

#bus{
		visibility: hidden;
}

@media only screen and (max-width: 1899px) {
			.reframe { max-width: 1899px }

}

@media only screen and (max-width: 1599px) {
			.reframe { max-width: 1599px }

}

@media only screen and (max-width: 1279px) {
			.reframe { max-width: 1279px }

#header{
		height: 80px;
}

#logo{
	width: 250px;
	height: 63px;
	background-size: 100%, 100%;
}

}

@media only screen and (max-width: 1023px) {
			.reframe { max-width: 1023px }

#header{
		height: 70px;
}

#logo{
	width: 200px;
	height: 51px;
	background-size: 100%, 100%;
}

}

@media only screen and (max-width: 799px) {
			.reframe { max-width: 799px }

#header{
		height: 70px;
}

#logo{
	width: 200px;
	height: 51px;
	background-size: 100%, 100%;
}

}

@media only screen and (max-width: 639px) {
			.reframe { max-width: 639px }

#header{
		height: 50px;
}

#logo{
	width: 150px;
	height: 38px;
	background-size: 100%, 100%;
}

}

@media only screen and (max-width: 480px) {
			.reframe { max-width: 480px }

#header{
		height: 200px;
}

#logo{
		width: 200px;
		height: 51px;
		background-size: 100%, 100%;
		margin-top: 10px;
}

#bus{
		width: 203px;	
		height: 100px;
		padding: 0;
		margin: auto;
		margin-top: 20px;
		visibility: visible;
		background-image: url(../logos/bus.png);
		background-repeat: no-repeat;
}

}