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


    /*Hamburger NAVIGATION*/

    #hamburger-nav {
    display: none;
}


    /*Main Section*/



}

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

         /*HAMBURGER NAVIGATION*/

    .desktop-nav {
        display: none;
    }

    #hamburger-nav {
    display: flex;
}


    /*Main Section*/
    main {
    padding: 1rem;
    }

    .main-sub-container {
        min-width: 80%;
    }
  
}

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


    /*HAMBURGER NAVIGATION*/

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

     .hamburger-menu {
        padding: 1rem;
     }
    
    
    /*Main Section*/
  .main-sub-container {
        min-width: 90%;
    }

}

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

      /*Main Section*/
  .main-sub-container {
        min-width: 95%;
    }
    
}

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