@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* @media only screen and (max-width: 767px) */
/* 
@media (min-width: 1024px) {

} */

/* * {
    font-family: "Montserrat", "Helvetica";
    box-sizing: border-box;
} */

/* Responsive Design */
@media screen and (max-width: 1024px) {
    header {
      padding: 1rem;
    }
  
    h2 {
      font-size: 1.75rem;
    }
  
    nav {
      gap: 0.75rem;
    }
  
    .container {
      width: 95%;
    }
  }
  
  @media screen and (max-width: 768px) {
    header {
      flex-direction: column;
      padding: 0.75rem;
    }
  
    header h1 {
      margin-bottom: 0.75rem;
      font-size: 1.5rem;
    }
  
    nav {
      flex-direction: column;
      gap: 0.5rem;
    }
  
    h2 {
      font-size: 1.5rem;
    }
  
    .content p {
      font-size: 0.875rem;
    }
  
    .button {
      font-size: 0.875rem;
    }
  }
  
  @media screen and (max-width: 480px) {
    header {
      padding: 0.5rem;
    }
  
    nav a {
      font-size: 0.875rem;
    }
  
    h2 {
      font-size: 1.25rem;
    }
  
    .content p {
      font-size: 0.75rem;
    }
  
    .button {
      padding: 0.5rem 1rem;
      font-size: 0.75rem;
    }
  
    footer {
      padding: 0.5rem;
    }
  }