/* ===== Max-Width Only Breakpoints ===== */

/* Large Desktops down to 1200px */
@media (max-width: 1200px) {

    /*DESKTOP NAVIGATION*/

      .desktop-nav {
        height: fit-content;
        padding: 1rem;
      }

      .desktop-nav-links {
        flex-wrap: wrap;
        justify-content: center;
        padding: 1rem;
    }

    .intro-section {
      padding: 0;
    }

    /*Hamburger NAVIGATION*/

    #hamburger-nav {
    display: none;
}




    /*Main Section*/

    .card {
      gap: 1rem;
    }

    .card-img img {
      width: 95%;
      object-fit: contain;
    }

    .card-text {
      padding: 0 2rem;
    }

    .card ul, .card h2 {
      padding: 0 2rem;
    }



}

/* Desktops & Tablets down to 992px */
@media (max-width: 992px) {

         /*HAMBURGER NAVIGATION*/

    .desktop-nav {
        display: none;
    }

    #hamburger-nav {
    display: flex;
}

    /*Main Section*/

    .intro-text-container {
      width: 90%;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .card {
      flex-direction: column;
    }


    .card-img img {
      object-position: top;
      object-fit: contain;
   
    }

    .card ul {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 3rem;
      line-height: 2rem;
    }

    .card h2 {
      text-align: center;
    }


  
}

/* Tablets down to 768px */
@media (max-width: 768px) {

          /*HAMBURGER NAVIGATION*/

     .hamburger-container,
     #hamburger-nav {
        height: fit-content;
     }

     .hamburger-menu {
        padding: 1rem;
     }

    
    /*Main Section*/



.sub-main-container {
    width: 90%;
}

}

/* Large Phones down to 576px */
@media (max-width: 576px) {

      /*Main Section*/


.hero-img-container img {
    width: 100%;
}

}

/* Small Phones down to 480px */
@media (max-width: 480px) {
    .hero-img-container img {
    width: 100%;
}


.sub-main-container {
    width: 95%;
}
    
}