@charset "UTF-8";

/* Layout Medium Screens */

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

header a.logo {
	width: 115px; height: 70px;
	top: 12px; right: 20px;
background: url(../images/medium.jpg) no-repeat right 0px; background-size: 900px 200px; }
}

nav a { margin-right: 20px; } 

article { padding: 10px 50px 10px 50px; }

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

#hero { height: 275px; position: relative; overflow: hidden; }
#hero .panel { width: 100%; height: 275px; position: absolute; overflow: hidden; }
#hero .panel img { position: absolute; top: 0px; right: 0px; }
#hero .panel .caption { position: absolute; top: 95px; left: 0px; width: 45%; background-color: rgba(45,50,79,.85); padding: 25px 20px 15px 35px; }

body { background-image: none; }

#hero { height: 200px; }
#hero .panel { width: 100%; height: 200px; }

#hero .panel .caption { width: 40%; top: 64px; }