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

@media screen and (max-width: 1000px){
  .section-container{
      flex-wrap: wrap;
  }
    .about-details-container{
        width: auto;
    }
    .contact-info-upper-container{
        font-size: 0.8em;
    }
}


@media screen and (max-width: 600px){

    .contact-info-container p{
        display: none;
    }
    .nav-links{
        font-size: 15px;
    }
}