*, html, body, h1, h2, h3, h4, h5, h6, div, span, p, a, table, td, tr, blockquote {font-family: 'Roboto Condensed', serif; color:#fff;}

html { 
    background: #2c373b url(../img/bg.jpg) no-repeat center bottom fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: contain;
  }

  .content { max-width:800px; text-align:center; margin: 0 auto; margin-top:0%;}
  .content .title {color:#fff; font-weight:300;}
  .content .subtitle {color:#fff; opacity: .65; font-weight:300; font-family: 'Bitter';}
  .content .button {border-radius:0px; text-transform: uppercase; font-weight:400; padding-bottom: calc(0.7em - 1px); padding-left:2.5em; padding-right: 2.5em; padding-top: calc(0.7em - 1px); margin-top:5%;}



  @media only screen and (min-width: 769px) {
    .content .logo {max-width:280px;}
    .content .title {font-size:3.5em;}
    .content h1:not(:first-child) {margin-top: 16%; margin-bottom:5%;}
    .content .subtitle {font-size:1.3em; line-height:1.5em;}
  }
  @media only screen and (max-width: 768px) {
    .content .logo {max-width:250px;}
    .content .title {font-size:2.5em;}
    .content h1:not(:first-child) {margin-top: 11%; margin-bottom:8%;}
    .content .subtitle {font-size:1.15em; line-height:1.35em;}
  }
  @media only screen and (max-width: 480px) {
    .content .logo {max-width:200px;}
  }