/* Responsive styles */
@media (max-width: 992px){
  .cards{
    grid-template-columns:repeat(2,1fr);
  }
    .cards {
        grid-template-columns: repeat(2,1fr);
    }
    .ftrcards {
        grid-template-columns: repeat(2,1fr);
    }
  .hero h2{
    font-size:2.4rem;
  }
}
@media (max-width:768px){
  nav{
    flex-direction:column;
    gap:15px;
    text-align:center;
  }
  nav ul{
    flex-direction:column;
    gap:12px;
  }
    .cards {
        grid-template-columns: 1fr;
            margin-top: 10px;
    }
        .cards article {
            min-height: unset;
        }
    .ftrcards {
        grid-template-columns: 1fr;
            margin-top: 10px;
    }
    .mob {
        display: inline-block;
    }
    .desk {
        display: none;
    }
  .hero h2{
    font-size:2rem;
  }
  .hero p{
    font-size:1rem;
  }
    .hero-container {
        max-width: 1200px;
        margin: auto;
        display: grid;
        grid-template-columns: unset;
        align-items: center;
        gap: 40px;
    }
    .hero-content h1 {
        font-size: 22px;
        line-height: 1.3;
    }

    .hero-content p {
        font-size: 16px;
        line-height: 1.3;
    }
    .hero-buttons {
        gap: 10px;
        margin-right: 10px;
        margin-bottom: 20px;
    }
  section{
    padding:10px 10px;
  }
    .hamburger {
        display: block;
    }

    .navbar {
        display: none;
    }

    .hamburgerlogo {
        display: block;
    }
}
@media (max-width:480px){
  body{
    font-size:16px;
  }
  .btn{
    display:block;
    width:100%;
    max-width:280px;
    margin:0 auto;
    text-align:center;
  }
}