@media screen and (max-width: 1400px){
    #profile{
        height: auto;
        margin-bottom: 2rem;
    }
    .about-container{
        flex-wrap: wrap;
    }
}



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

    #mobile-nav{
        display:none;
    }

    #tab-nav{
        display: flex;
    }
    
    #experience, .experience-details-container{
        margin-top: 2rem;
    }

    #profile, .section-container{
        display: block;
    }
    .arrow{
        display: none;
    }

    section, .section-container{
        height: auto;
    }

    section{
        margin: 0 5%;
    }
    

    .about-container{
        margin-top:0;
    }

    .section__pic-container{
        height:56vw;
        width:auto;
        justify-content: center;
        margin: auto;
        margin-bottom: 2rem;
    }

    .section__pic-container-2{
        height:76vw;
        width: auto;
        justify-content: center;
        margin: 0rem;
    }

}

@media screen and (max-width: 600px) {
    #mobile-nav{
        display: flex;
        height: 7.5vh;
    }

    .hamburger-icon{
        padding-left: 1rem;
        margin-left: 1rem;
    }
    
    #desktop-nav{
        display:none;
    }

    #tab-nav{
        display:none;
    }


    #profile{
        height: auto;
        margin-bottom: 1rem;
    }

    article{
        font-size: 1rem;
    }

    footer nav{
        height: fit-content;
        margin-bottom: 2rem;
    }

    .about-container, .contact-outer-container, .btn-container{
        flex-wrap: wrap;
    }

    .contact-container p, .footer-links-container li a{
        font-size: 1rem;
    }

    .experience-subtitle{
        font-size:1.25rem;
    }

    .logo{
        font-size: 1.5rem;
    }

    .nav-links{
        flex-direction: column;
        gap: 0.5rem;
        text-align: center;
    }

    .section__pic-container{
        height:76vw;
        width:auto;
        justify-content: center;
    }

    .section__text{
        margin-top: 2rem;
    }

    .section__pic-container-2{
        height:76vw;
        width: auto;
        justify-content: center;
        margin: 0rem;
    }

    .section-container{
        margin-top: 1rem;
    }

    .about-details-container{
        margin: auto;
    }

    #experience{
        padding-top:1rem;
    }

    .experience-section-container{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 1rem;
        margin-left: .5rem;
        margin-right: .5rem;
    }

    .experience-details-container{
        margin: 0rem;
        border: rgb(53, 53, 53) 0.1rem solid;
        border-radius: 2rem; 
        width: fit-content;
    }

    .experience-details-container article{
        padding: 0 1rem 0.3rem;
    }

    section{
        max-width: 100vw;
    }

    #contact, #footer{
        height:auto;
    }

    #nav{
        width: 100vw;
    }
}