/* CSS Document */

/* Set all margins and padding to zero */

* {margin: 0; padding: 0}

body 
{
    background-color: #ffffff;
    color: #000000;
    font-family: "Roboto Slab", serif;
    font-size: 100%;
    border-top: none;
}

* 
{
    margin: 0;
    padding: 0;
}

.row
{
  width: 100%;
  overflow: hidden;
}

.full
{
  max-width: 1000px;
  margin: 20px auto;
  width: 94%;
  padding: 0px 3%;
  overflow: hidden;
}

#logo
{
  float: left;
}

#banner
{
  background: #ffffff url(images/banner_background.jpg) center top repeat;
  height: 200px;
}

h1, h2
{
  font-size: 28px;
  color: #cc0000;
  font-weight: 400;
  padding-bottom: 15px;
}

p
{
  padding-bottom: 15px;
}

p a
{
  color: #cc0000;
  text-decoration: none;
  font-weight: 700;
}

#footer
{
  background-color: #000000;
  color: #ffffff;
  padding: 20px 0px;
}

#footer p
{
  font-size: 13px;
}

#footer .red
{
  color: #cc0000;
  font-weight: 700;
}

#footer p a
{
  color: #ffffff;
  font-weight: 700;
}

@media (max-width: 40em) 
{
 #banner
 {
  background: #ffffff url(images/banner_background_mobile.jpg) center top repeat;
  height: 100px;
 }

}