@media only screen and (max-width: 767px) {
  .nav-bar {
    padding: 1rem 1rem;
    /* width: 85%; */
  }

  .nav-link {
    font-size: 1.2rem;
  }

  .nav-logo {
    height: 2rem;
  }

  .side-bar,
  .projects-right-sidebar {
    display: none;
  }

  .project-container {
    padding: 3rem 0px;
    gap: 40px;
    width: 90vw;
  }

  .projects-wrapper {
    padding: 0rem;
  }

  .project-wrapper{
    margin-top: 0rem;
    padding: 1rem;
  }

  .content-split {
    padding: 0rem;
  }

  .project-header-image img {
    width: 100%;
  }

  .project-main-title {
    font-size: 2rem;
  }

  .project-content h1, .project-content h2, .project-content h3, .project-content h4{
    margin-top: 1rem;
    margin-bottom: .5rem;
  }

  .content-paragraph{
    margin: -.2rem 0rem;
    font-weight: 400;
  }
}