/* ===== 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;
    }


    /*Main Section*/

    .sub-main-container {
        width: 100% !important;
    }


    /*Hamburger NAVIGATION*/

    #hamburger-nav {
    display: none;
}




}

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

  

         /*HAMBURGER NAVIGATION*/

    .desktop-nav {
        display: none;
    }

    #hamburger-nav {
    display: flex;
}


    /*Main Section*/

   

  
}

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

    /*HAMBURGER NAVIGATION*/

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

     .hamburger-menu {
        padding: 1rem;
     }
    
    /*Main Section*/


}

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

      /*Main Section*/
    

}

/* Small Phones down to 480px */
@media (max-width: 480px) {

    .sub-main-container {
        padding: 0;
        

    }

    .main-container {
        padding: 0;
    }
}