/*Coronavirus alert*/
      .reveal {
        padding:2rem;
      }
      
      .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;
      }

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

      h3 {font-family: 'Oswald', Helvetica, sans-serif;}
      h4 {font-family: 'Fredericka the Great', cursive;}

      div.centered {
        text-align:center;
      }

      header,
      header img.splash {width:100%;z-index:-1;}
      header{position:relative;}


      img.logo {
        position:absolute;
        width:29%;
        top:20px;
        left:20px;
      }

      a.promo {
        position:absolute;
        z-index:1;
        width:25%;
        bottom:5%;
        right:3%;
        transform:rotate(-10deg);
      }

      h1 {display:inline;}

      header {
        position:relative;
        max-width:1200px;
        /*max-height: 750px;*/
        overflow:hidden;
        text-align:center;
        margin:0 auto;
      }

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

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

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

      .nav {border:solid .5em #fff;}

      .nav > div {
        border:solid .5em #fff;
        position:relative;
      }

      .nav h3 {
        position:absolute;
        bottom:7%;
        right:7%;
        text-shadow: 0 1px 1px #000;
        text-align:right;
        line-height:1em;
        font-size:2.2em;
      }
      .nav a {color:white;}
      .nav a:hover {color:#ffb;}

      div.welcome > div {margin-top:40px;}

      .welcome p { font-size:1em; }

      div.countdown {margin-top:40px;}
      div.countdown_box {
        background-color:#474747; 
        padding:25px 50px;
      }

      div.countdown_box div p:first-child {
        font-size:2.2em;
        margin-bottom:0;
      }

      p.white {color:white;}
      p.count_number,
      p.count_number a {
        color:#ccc;
        font-size:1em;
        margin:0;
        padding:0;
        text-align: center;
      }

      p.count_number em {
        font-style:normal;
      }

      p.count_number span {
        color:red; 
        font-size:2.8em; 
        line-height:1em;
      }

      div.info {margin-top:50px;}
      .info h4 {
        font-size:2.5em;
        text-align:center;
        text-transform:uppercase;
        margin-top:10px;
      }
      .info p {font-size:1em; padding-right:0; padding-bottom:25px;}

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

      div.facebook {margin-top:25px;}
      .facebook img {width:100%;}

      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: 826px) and (max-width: 1230px) {
        div.countdown_box div p:first-child {font-size:2.3em;}
        .nav h3 {font-size:1.9em;}
        .info h4 {font-size:1.9em;}
      }

      @media screen and (min-width:640px) and (max-width:825px) {
        div.countdown_box div p:first-child {font-size:2em; margin-bottom:15px;}
        .nav h3 {font-size:1.2em;}
        .info h4 {font-size:1.3em;}
        .info p,
        .welcome p {font-size:1em;}
      }

      @media screen and (min-width:640px) {
        #homepage-alert { top:50px !important; }
      }

      @media screen and (max-width:639px) {
        div.countdown_box div p:first-child {font-size:1.5em; margin-bottom:15px;}
        .nav h3 {font-size:1.3em;}
        .nav {border:solid 0em #fff;}
        .fairbook {padding-bottom:0;}
        .fairbook img {border:solid .5em #fff;}
        .info h4 {font-size:2.4em;}
        .info p,
        .welcome p {font-size:1em;}
        img.logo {top:10px; left:10px;}
        section#content {
          padding-left:15px;
          padding-right:15px;
        }
      }

      @media screen and (max-width:669px) {
        .design,.footer{text-align:center;}
      }