/* when screen is <836 then media query applies */
@media (max-width: 836px) {
  .inner-container {
    width: 90%;
    margin-top: -110px;
  }

  header {
    height: 133px;
  }

  header .headline {
    font-size: 1.5rem;
    margin-top: 20px;
    margin-bottom: 0;
  }

  .nav-links a {
    font-size: 0.875rem;
  }

  .headline-8 {
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .inner-container {
    margin-top: -95px;
  }
}

@media (min-width: 600px) and (max-width: 836px) {
  .inner-container {
    width: 70%;
    margin-top: -90px;
  }

  header {
    height: 133px;
  }

  header .headline {
    font-size: 1.5rem;
    margin-top: 20px;
    margin-bottom: 0;
  }

  .nav-links a {
    font-size: 0.9rem;
  }

  .headline-8 {
    font-size: 1rem;
  }
}