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

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

    #experience, .experience-details-container{
        margin-top:2rem;
    }

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

    section, .section-container{
        height:fit-content;
    }
    section{
        margin:0 5%;
    }

    .section_pic-container{
        width:275px;
        height:275px;
        margin:0 auto;
    }

    .about-container{
        margin-top:0;
    }
    .element{
        margin:2rem 0rem;
    }
}

@media screen and (max-width:600px)  {
  #contact, footer{
    height:40vh;
  }

  #profile{
    height:83vh;
    margin-bottom:0;
  }

  article{
    font-size:1rem;
  }

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

  .about-containers,.contact-info-upper-container,.btn-container{
    flex-wrap:wrap;
  }

  .contact-info-container{
    margin:0;
  }

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

  .experience-sub-title{
    font-size:1.25rem;
  }

  .logo{
    font-size:1.5rem;
  }

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

  .section_pic-container{
    width:auto;
    height:46vw;
    justify-content: center;
    margin-bottom:40px;
  }

  .section_text_p2{
    font-size:1.25rem;
  }

  .title{
    font-size:2rem;
  }

  .text-container{
    text-align:justify
  }

  .about-container{
    flex-wrap:wrap;
  }
  .element{
    margin:2rem;
  }

}