* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
  font-style: normal;
  font-variant: normal;
  line-height: 26.4px;
}

/* Mobile Styles */

@media only screen and (max-width: 400px) {
  body {
    padding-top: 215px;
    text-align: center;
    background: #d8d8d8;
    background-size: cover;
    font-size: 100%;
  }
  h1, h2 {
    display: inline-block;
    color: #383838;
  }
  h1 {
    font-size: 3.5em;
    font-weight: 100;
  }
  h2 {
    font-size: 1.2em;
    font-weight: 400;
  }
}

/* Tablet Styles */

@media only screen and (min-width: 401px) and (max-width: 960px) {
  body {
    padding-top: 70px;
    text-align: center;
    background: #d8d8d8;
    background-size: cover;
    font-size: 100%;
  }
  h1, h2 {
    display: inline-block;
    color: #383838;
  }
  h1 {
    font-size: 3.5em;
    font-weight: 100;
  }
  h2 {
    font-size: 1.2em;
    font-weight: 400;
  }
}

/* Desktop Styles */

@media only screen and (min-width: 961px) {
  body {
    padding-top: 215px;
    text-align: center;
    background: #d8d8d8;
    background-size: cover;
    font-size: 100%;
  }
  h1, h2 {
    display: inline-block;
    color: #383838;
  }
  h1 {
    font-size: 3.5em;
    font-weight: 100;
  }
  h2 {
    font-size: 1.2em;
    font-weight: 400;
  }
}