@media screen and (max-width:1400px) {
     #profile {
         height: 83vh;
         margin-bottom: 6rem;
     }

     .about-container {
         flex-wrap: wrap;
     }

     #contact,
     #project {
         height: fit-content;
     }
 }

 @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;
     }

     .arrow {
         display: none;
     }

     section,
     .section-container {
         height: fit-content;
     }

     section {
         margin: 0 5%;
     }

     .section_pic-container {
         width: 275vh;
         height: 275;
         margin: 0 auto 2rem;
     }

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

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

     #contact,
     footer {
         height: 40vh;
     }

     #profile {
         height: 83vh;
     }

     article {
         font-size: 1rem;
     }

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

     .about-container,
     .contact-info-upper-container,
     .btn-container {
         flex-wrap: wrap;
         justify-content: space-evenly;

     }

     .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: 2rem;
     }

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

     .section_pic-container {
         width: auto;
         height: 46vh;
         justify-content: center;
     }

     .p2 {
         font-size: 1.25rem;
     }

     .title {
         font-size: 2rem;
     }
     .text-container {
        text-align: justify;
    }
     
 }
 
 .text-container {
         text-align: justify;
     }