@media screen and (max-width: 1200px) {
    #desktop-nav {
        display: none;
    }

    #hamburger-nav {
        display: flex;
    }

    section {
        margin: 0;
    }

    /* Profile section */

    #profile {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .profile_info {
        align-items: center;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-left: 0;
    }

    .section_pic_container {
        width: 300px;
        height: 300px;
        margin-left: 6rem;
    }

    #socials-container {
        margin-left: 6rem;
        margin-bottom: 0;
        margin-top: 1rem;
    }

    .section_text {
        text-align: center;
        margin-left: 5rem;
    }

    /* About Me Section */

    #about_me {
        width: 95%;
        padding: 10px;
    }

    .sub_headers {
        font-size: 1.5em;
        text-align: center;
    }

    #about_me_text {
        font-size: 1em;
    }

    /* Experience Section */

    #experience {
        width: 95%;
        padding: 10px;
    }

    #pe1 {
        font-size: 1rem;
    }

    #experience p {
        text-align: center;
    }

    .exp_images_container {
        flex-direction:row;
        gap: 1rem; 
        justify-content: center;
    }

    .exp_image_wrapper {
        margin-bottom: 1rem;
    }

    .exp_images {
        border: 2px solid lightgray; /* Light border color */
        border-radius: 10px; /* Rounded corners */
        padding: 5px; /* Optional: Add padding inside the border */
    }
    #tooltip_container {
        margin: 5rem auto; 
        max-width: 95%; 
        justify-content: center;
        height: auto;
    }

    /* Projects section */
    .project {
        display: flex;
        flex-direction: column;
    }

    /* Footer */
    .footer-tech {
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-tech li {
        flex: 1 1 45%; 
        text-align: center;
        padding-left: 0; 
        box-sizing: border-box;
    }

    .footer-tech li::before {
        display: none; 
    }
}