body {
        background:url("../images/irongrip.png") repeat;
        font-family: 'Oswald', Helvetica, sans-serif;
      }

      a {
        color: #1e809d;
        text-decoration: underline;
        line-height: inherit;
        cursor: pointer; }
        a:hover, a:focus {
          color: #034053; }
        a img {
          border: 0; }

      a.button { text-decoration:none; }

      h2, h3, h4, h5, h6 {font-family: 'Oswald', Helvetica, sans-serif;}

      h2 {
        text-transform:uppercase;
        font-size:2.2em;
        font-weight:700;
        margin-top:40px;
      }

      div.head_box {
        border-bottom:3px solid black;
        background:#eeefef url("../images/fair_bg.png") repeat-x left bottom; background-size:40px
      }

      .whitespace {height:1200px;}
      .radius {border-radius:20px;}
      .round {border-radius:1000px;}

      .text-shadow {text-shadow: 1px 2px 3px #696969;}

      /****** MATERIAL-DESIGN-STYLE BOX-SHADOWS ********/

      .shadow-depth-1,
      .hover-depth-1 {
        box-shadow: 0 1px 3px rgba(0,0,0,0.24), 0 1px 2px rgba(0,0,0,0.24);
        transition: box-shadow 0.2s ease-in-out;}
      html.no-touch .hover-depth-1:hover {box-shadow: 0 10px 20px rgba(0,0,0,0.4), 0 6px 6px rgba(0,0,0,0.23);}
      .shadow-depth-2,
      .shadow-depth-3 {box-shadow: 0 10px 20px rgba(0,0,0,0.4), 0 6px 6px rgba(0,0,0,0.23);}

      .right{
        float:right;
        max-width:400px;
        margin:0 0 20px 40px;
      }

      .centered{
        margin-left:auto;
        margin-right:auto;
        text-align:center;
      }

      .left {
        float:left;
        max-width:400px;
        margin:0 40px 20px 0;
      }

      .main {
        background-color:white;
        padding:30px 30px 0 30px;
        margin-bottom:50px;
      }

      .logo_box {
        margin:10px 0 20px 0;
        padding:0 2em;
      }

      .spacer {
        height:60px;
        display:block;
      }

      .nav > div {
        padding-bottom:0; 
        position:relative;
        border-left:1px solid #444;
        border-top:1px solid #444;      
      }

      .nav h3 {
        font-size:2em;
        position:absolute;
        bottom:0;
        right:4%;
        text-shadow: 0 1px 1px #000;
        text-align:right;
        font-family:'Smythe', cursive;
      }

      .page-alert {
        opacity:.9;
        position:absolute;
        top:0;
        width:100%;
        display:none;
      }
      .page-alert a{
        color:#0072bc;
        text-decoration:underline;
      }
      .close-button {
        color:black;
        text-shadow: 1px 2px 3px #ddd;
        margin-top:0;
      }
      .close-button.reverse {
        color:white;
      }

      .close-button span {
        font-size:2em;
        margin:0;
        position:relative;
        top:-20px;
      }

      .no-touch .nav h3 {
        opacity:0;
        bottom:-20px;
        -webkit-transition: bottom .2s, opacity .3s; /* Safari */
        transition: bottom .2s, opacity .3s;
      }

      .nav a {color:white;}
      .no-touch .nav a:hover {
        color:#ffb;
      }

      .no-touch .nav a:hover h3,
      h3#active {
        -webkit-transition: bottom .2s, opacity .3s; /* Safari */
        transition: bottom .2s, opacity .3s;
        bottom:0;
        opacity:1;
        color:white;
      }

      div.splash{position:relative;}
      div.white_gradient{
        width:100%;
        height:30px;
        position:absolute;
        bottom:-2px;
        background:url("../images/white-grd.png") repeat-x left bottom;
      }

      section#content,
      section#header {
        padding-left:30px;
        padding-right:30px;
      }

      h1 {
        font-family: 'Fredericka the Great', cursive;
        text-align: center;
        font-size:4em;
      }

      div.footer {
        margin-top:50px; 
        font-size:.8em;
      }

      .design {
        font-family: 'Economica', sans-serif;
        text-align:right;
        font-size:1.5em;
        color:#e72628;
        text-shadow: 1px 1px 2px #aaa;
        padding-bottom: 15px
      }

      .design a {color:#e72628;}

      @media screen and (min-width: 670px) and (max-width: 1230px) {
        h1 {font-size:3em;}
      }

      @media screen and (max-width:669px) {
        h1 {font-size:2em;}
        .design,.footer{text-align:center;}
        section#content,
        section#header {
          padding-left:15px;
          padding-right:15px;
        }
      }