@charset "utf-8";

/* -----------------------------------
  Tablet Styling
----------------------------------- */
@media screen and (min-width: 48em) {
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.5rem;
  }
  h3 {
    font-size: 1.2rem;
  }

  /* -----------------------------------
  Reusable Styling
----------------------------------- */

  .container {
    padding: 0 40px;
  }

  /* -----------------------------------
  Header
----------------------------------- */

  .header {
    padding: 20px 40px;
  }

  /* -----------------------------------
  Main
----------------------------------- */

  /* -----------------------------------
  Footer
----------------------------------- */
  .footer {
    padding: 40px 0 40px;
  }
}