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

header a.logo {
    width:  294px;
    height: 70px;
    top: 100px; right: 20px;
    background: url(../images/logo_medium.png);
}

nav { top: 200px; width: 100%; }
nav a { margin-right: 20px; text-align: left; }

nav.language {
    left: auto;
    right:  0px;
    top: 170px;
    margin:  0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px; 
    border-radius: 10px 10px 0px 0px; 
}

figure.hero { display: none; background-image: none; }

.promo_container .promo { width: 49%; }
.promo h2 { font-size: 1.5em; margin:  0 0 .5em 0; }
.promo_container .promo .content { padding:  10px; margin: 10px;}
#services { margin: 40px 15px 0px 15px;  max-width: none;}
.promo_container .caption { max-width: none; }

/* remove faux columns (floats) when client is on the lower width of a medium screen */
@media screen and (max-width: 700px) {
	article div.column { float: none; width: auto;}
}