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

#logo-header {
	width: 100%;
	float: left;
	position: fixed;
	background-color: #fff;
}

#logo-container {
	width: 1000px;
	height: 130px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
}

#logo {
	width: 50%;
	float: left;
	text-align: left;
}

#logo-quote {
	width: 50%;
	float: left;
	text-align: right;
	padding-top: 60px;
	color: #ffa800;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	font-weight: 100;
}


/* RESPONSIVE WEBSITE */
/* Apple Ipad 1024×768 
@media all and (max-width: 1024px) {
#logo-container {
	width: 800px;
}
}


/* Apple Iphone4S 960×640 
@media all and (max-width: 960px) {
#logo-container {
	width: 700px;
}	
}


/* Samsung 800×480 
@media all and (max-width: 800px) {
#logo-container {
	width: 600px;
	height: 180px;
}	

#logo {
	width: 100%;
	text-align: center;
}

#logo-quote {
	width: 100%;
	text-align: center;
	font-size: 20px;
	padding-top: 0;	
}

}


/* Blackberry 640×480 
@media all and (max-width: 640px) {
#logo-container {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
}	
}


/* Apple Iphone3G 480×320 
@media all and (max-width: 480px) {
#logo-container {
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	height: 120px;
}	

#logo {
	width: 100%;
	text-align: center;
}

#logo img {
	width: 245px;
	height: 86px;
}

#logo-quote {
	width: 100%;
	text-align: center;
	font-size: 14px;
}
}