@media screen and (max-width : 1400px){
 #profile{
   height : 83vh;
   margin-bottom : 4rem;
 }
 .about-containers{
   flex-wrap : wrap;
 }
}
@media screen and (max-width : 1200px){
  #desktop-nav{
    display :none;
  }
  #hamburger-nav{
     display: flex;
  }
  #skills,.skills-details-container{
    margin-top : 2rem;
  }
  #profile,.section-container{
    display : block;
  }
  .arrow{
    display : none;
  }
  section,.section-container{
    height : fit-content;
  }
  section{
    margin : 0 5%;
  }
  .section-pic-container{
    width : 275px;
    height : 275px;
    margin : 0 auto 2rem; 
  }
  .about-containers{
    margin-top : 0; 
  }

}
@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; 
   }
   #skill-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;
   }
   .section-text-p2{
    font-size: 1.25rem;
   }
   .title{
    font-size: 2rem;
   }
   .text-container{
    text-align: justify;
   }
}