@media (max-width: 1024px) {

  body {
    /*border: none;*/
    margin: 30px;
  }

  h1 {
    font-size: 4rem;
    text-align: left;
    line-height: 3.5rem;
  }


  .container {
    padding: 100px 50px;
  }

  .flex-row {
    display: flex;
    flex-wrap: none;
  }

  .flex-item {
    flex: auto;
    max-width: 100%;
  }
}

@media (max-width: 768px) {

  body {
    /*border: none;*/
    margin: 15px;
  }

  .container {
    padding: 75px 35px;
  }

  h1 {
    line-height: 4.3rem;
    font-size: 4rem;
  }

  h2 {
    font-size: 1.25rem;
  }

  p {
    font-size: 1.75rem;
  }

  a {
    font-size: 1.75rem;
  }
}

@media (max-width: 425px) {

  h1 {
    line-height: 2.5rem;
    font-size: 2.5rem;
  }

  p {
    font-size: 1.25rem;
  }

  a {
    font-size: 1.25rem;
  }



}