@media only screen and (max-width: 768px) {
  body {
    width: 100vw;
    overflow-x: hidden;
  }

  .navbar {
    margin-top: 1.4rem;
    padding: 0rem 0.2rem;
    display: flex;
    justify-content: center;
  }

  .nav-options {
    height: 2.8rem;
    width: 21rem;
  }

  .logo-txt {
    display: none;
    /* font-size: 2rem;
    font-weight: 600; */
  }

  .nav-li {
    padding: 0rem 0.6rem;
  }

  .nav-link {
    font-size: 1rem;
    font-weight: 400;
  }

  .header {
    height: 100vh;
    width: 100vw;
    overflow-x: hidden;
  }

  .header-text {
    font-size: 2.4rem;
    line-height: 2.8rem;
    color: #fff;
  }

  .content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }

  .text-part {
    width: 20rem;
    order: 2;
  }

  .skills-section {
    margin-top: 11rem;
  }

  .skills {
    font-size: 0.8rem;
    font-weight: 00;
    padding: 0.3rem 0.8rem;
    margin: 0.18rem;
  }

  .projects-section {
    height: 40rem;
    padding: 2rem 1rem;

    overflow: hidden;
  }

  .projects-wrapper{
    padding: 0rem 2rem;
  }

  .projects-content{
    overflow-x: scroll;
  }

  ::-webkit-scrollbar {
    display: none;
}

  .contact-section {
    height: 40rem;
    padding: 4rem 1rem;
}

.contact-content {
    flex-direction: column;
}

.contact-img {
    margin-top: 28rem;
    order: 1;
}

.form-container {
    margin-top: -6rem;
    order: 2;
}

.contact-oneliner{
    margin-top: 24rem;
}

.contact-dash {
    margin: 0%;
    margin-top: 3.2rem;
}

.footer-section {
    height: 18rem;
    padding: 12rem 1rem;
    padding-bottom: 3rem;
    margin: 0%;
    margin-top: 28rem;
    flex-direction: column;
}

.copyright{
    font-size: 1.05rem;
}

}