@charset UTF-8;

header {
height:85px;
background:url(../images/banner_small.jpg) no-repeat 20% 0;
background-size:500px 85px;
}

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

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

nav {
display:block;
position:static;
margin-top:15px;
background-color:#A61E22;
padding:0;
}

nav a {
color:#F5C23E;
display:block;
border-bottom:1px dotted #F5C23E;
background:url(../images/mobile_link_arrow.png) no-repeat right center;
margin:0;
padding:12px;
}

.large-right {
float:none;
text-align:center;
}

.small-text-center {
text-align:center;
}

nav a:hover {
color:#fff;
background-color:rgba(255,255,255,.15);
}

.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;
}

.donate-img {
padding-left:400px;
}

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

.home-image {
width:85%;
}

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

.fotorama {
border-bottom:none;
padding-bottom:10px;
}

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

@media only screen and min-device-width 320px and max-device-width 640px and orientation landscape {
body {
background-image:none;
}

.home-image,.donate-img {
margin:2% 20%;
}
}

@media only screen and -webkit-min-device-pixel-ratio 2, only screen and min--moz-device-pixel-ratio 2, only screen and -o-min-device-pixel-ratio 21, only screen and min-device-pixel-ratio 2, only screen and min-resolution 192dpi, only screen and min-resolution 2dppx {
header a.logo {
background-image:url(../images/QRM-logo.png);
}

header {
background-image:url(../images/banner_small.jpg);
}
}