* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    height: 100%;
    background: url(../img/bg-018.jpg) center center no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #ffffff;
    margin-bottom: 40px; /* Margin bottom by footer height */
    font-size: 16px;
    color: #464646;
    font-family: Philosopher, "Times New Roman", serif;
}

#topRow {
    width: 100%;
    margin-top: 5em;
    text-align: center;
}
#topRow h1 {
    color: #fff;
    font-size: 9em;
    font-weight: bold;
    text-shadow: 2px 2px 1px #31290D;
}
#midRow {
    width: 100%;
    margin-top: 1em;
    text-align: center;
    color: #fff;
}
#midRow p {
    text-shadow: 2px 2px 1px #31290D;
}

#cta {
    width: 100%;
    margin-top: 2em;
    text-align: center;
}
.cta-block {
    display: inline-block;
    width: 180px;
    padding: 9px;
    color: #fff;
    font-size: 18px;
    border: 1px solid #fff;
    text-align: center;
    outline: none;
    text-decoration: none;
    background-color: rgba(25,25,25,0.2)
}
.cta-block a {
    color: #ffffff;
    font-weight: bold;
    text-shadow: 2px 2px 1px #000000;
}

.rye {
    font-family: 'Rye', Georga, display, serif;
}

#baseRow {
      position: absolute;
      bottom: 0;
      width: 80%;
      height: 40px;
      margin: 0 auto;
      padding: 0 1em;
      color: #ffffff;
      text-shadow: 1px 1px 1px #888888;
}
#baseRow a {
    color: #ffffff;
}

.clearfix:before,
.clearfix:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.clearfix:after {
clear: both; }
.clearfix {
zoom: 1; }







@media only screen and (max-width: 767px) {
  body {
    background-image: url(../img/bg-018-m.jpg);
  }
  #topRow {
      padding-left: 1em;
  }
  #topRow h1 {
      font-size: 5em;
  }
  #midRow {
      margin-top: -1em;
  }
  #cta {
  }
}