body {background-color: #202b3e; font-family: 'courier new', serif;}
body#ralphs a, body#ralphs a:visited { color: #ffffff; }
#footer { color: #ffffff; font-size: 10px; line-height: 10px; margin: 0 auto; padding: 20px; text-align: center; width: 500px; }
#footer a:visited { color: #ffffff; }
h2 { margin-top: 2em; }
td { padding: .5em; }
.style_one { background-color: #eeeeee; }
.style_two { background-color: #ffffff; }
.style_three { background-color: #de4943; }
.style_four { background-color: #fbba8c; }
.style_five { background-color: #fbaf4f; }
.bandography_band_name { width: 35%; }
.bandography_count { width: auto; }
.flyer { float: left; margin: .25em; }
.flyer img { height: 300px; width: auto; }
.link { margin-bottom: 1em; }
.link h3 a { color: #ffffff; display: block; padding: .75em 0 .4em 1em; }
.link div { background-color: #eeeeee; margin-left: 20px; margin-top: -20px; padding: .5em; width: 90%; }

@media screen and (max-width: 414px) and (min-width: 376px) {
    body { margin: 0 !important; }
    body#ralphs #container { background: url('http://ralphscorner.com/images/sign_die-cut_sticker.png') no-repeat 0 0 !important; background-size: contain !important; padding-top: 600px !important; padding-left: 25px !important; padding-right: 25px!important; width: 364px!important; }
    #container { padding-left: 25px !important; padding-right: 25px !important; width: 364px !important; }
    .hide { display: none !important; }
    img { height: auto !important; width: 364px !important; }
    .bandography_band_name { width: 90%; }
    .bandography_count { text-align: right; width: auto; }

    }

@media screen and (max-width: 375px) and (min-width: 321px){
   body { margin: 0 !important; }
   body#ralphs #container { background-size: contain !important; padding-top: 500px !important; padding-left: 20px !important; padding-right: 20px !important; width: 335px !important; }
   #container { padding-left: 20px !important; padding-right: 20px !important; width: 335px !important; }
   .hide { display: none !important; }
   img { height: auto !important; width: 335px !important; }
    .bandography_band_name { width: 90%; }
    .bandography_count { width: auto; }
   }

@media only screen and (max-width: 320px) {
   body { margin: 0 !important; }
   body#ralphs #container { background-size: contain !important; padding-top: 400px !important; padding-left: 15px !important; padding-right: 15px !important; width: 290px !important; }
   #container { padding-left: 15px !important; padding-right: 15px !important; width: 290px !important; }
   .hide { display: none !important; }
   img { height: auto !important; width: 290px !important; }
    .bandography_band_name { width: 90%; }
    .bandography_count { width: auto; }
   }