@charset "UTF-8";

/* Layout Medium Screens */

header {
	height: 200px;
	background: url(../images/banner_medium.jpg) no-repeat 90% 0px;
}

header a.logo {
	top: 75%;
	right: 20px;
	background-image: none;
	z-index: 20;
}

header a {
	color:#000;
	font-family: "Dosis", san-serif;
	top: 28px;
	right: 30px;
	text-decoration: none;
	font-size: 64px;
} 

nav {  top: 200px; }
nav a { margin-right: 20px; }

.promo_container { padding: 0px 20px 15px 20px; }
.promo_container .promo { background-position: 0px 0px; }
.promo_container .promo .content { padding: 70px 30px 0px 0px; }

body { background-image: none; }

/* CSS Document */

.banner{position:absolute; z-index:1; height:200px; width:800px; top:0px; background:#000; border:none}
.banner h1{
	position: absolute;
	bottom:20px;
	right:20px;
	font-family:"Dosis", san-serif;
	color:#444;
	float:right;
	width:50%;
	font-size:40px;
	text-align:right;
	line-height:100%;
	font-weight: normal;
	background-color: #FFF;
}
#banner1{
	background-image:url(../images/panel_01_med.jpg);
}
#banner2{
	background-image:url(../images/panel_02_med.jpg);
}
#banner3{
	background-image: url(../images/panel_03_med.jpg);
}
#banner4{
	background-image: url(../images/panel_04_med.jpg);
}
#banner5{
	background-image: url(../images/panel_05_med.jpg);
}