@charset UTF-8;

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

header a.logo {
width:330px;
height:101px;
top:40px;
left:30px;
background-image:url(../images/QRM-logo.png);
background-size:330px 101px;
}

nav {
top:200px;
}

.promo_container {
padding:0 20px 15px 80px;
}

.promo_container .promo {
background-position:0 0;
}

.promo_container .promo .content {
padding:70px 30px 0 0;
}

body {
background-image:none;
}

.large-right {
float:right;
}

.donate-button {
text-align:center;
width:280px;
border:2px dotted #F5C23E;
background:#A61E22;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
margin:30px 60px 60px 30px;
padding:20px;
}

.promo.two,.promo.three {
margin-left:5%;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 
header a.logo {
background-image:url(../images/QRM-logo.png);
}

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

.promo_container {
padding:0;
}

.promo_container .promo {
width:auto;
float:none;
background-position:20px 13px;
border-top:1px solid #ccc;
padding:10px 0 0;
}

.promo.one {
width:auto!important;
height:60px;
}

.donate {
height:100%!important;
}

.promo_container .promo .content {
min-height:auto;
padding:6px 20px 0 90px;
}

.home-image {
width:85%;
}

.promo.two,.promo.three {
margin-left:0;
}
}