@import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
  
.top-bar
{
  background: #000000 url('nacho2012.png') top right no-repeat;
  height: 135px;
  border-bottom: solid 5px #800000;
  margin-bottom: 20px;
}

.top-bar h1
{
    position: absolute;
    top: 0.8em;
    left: 1.0em; 
    text-shadow: 2px 2px #666666;   
    font-size: 32px;
    color:#fff;
    font-weight: bold;
}

.top-bar h1 a
{
    color:#fff;
}

.top-bar h2
{
    position: absolute;
    top: 5em;
    left: 2.5em; 
    font-size: 1.0em;
    font-weight: normal;
    color:#ddd;
}

@media only screen and (max-width: 700px) {
    .top-bar
    {
      height: 145px;
    }
    
    .top-bar h1
    {
        top: 2.6em;
        font-size: 24px;
    }
    
    .top-bar h2
    {
        top: 8em;
        font-size: 0.8em;
    }

}

.smallfooter
{
    font-size: 0.8em;
}

.breadcrumbs > * {
    font-size: 0.5em;
}

button, .button {
 background-color: #A82232;
}

button:hover, .button:hover {
 background-color: #808080;
}

a {
    color: #A82232;
}

a:hover {
    color: #808080;
}
