@media all and (max-width: 1350px) {

    :root {
    --font-large: 26px;
    --font-medium: 16px;
    --font-small: 10px;
  }

    .nav-bar ul {
    font-size: var(--font-medium);
  }

  #home, #about, #contact {
    flex-wrap: wrap;
  }

  .img {
    flex-shrink: 0;
  }

  .project-description-container a { display: none; }

  .project-description-container {
    align-items: center;
  }

  #home, #about {
    margin: 40px 0px;
  }

  #contact, #skills, #projects {
    margin: 60px 0px;
  }

  #about {
    margin-top: 60px;
  }

  .skill-container img {
  min-width: 150px;
  max-width: 150px;
  }

  .skills-main-container {
    margin: 100px 0px;
  }

  #skills {
    text-align: center;
  }

  footer {
    padding: 50px 100px;
  }

   #contact, #skills, #projects {
    padding-top: 50px;
    border-top: 1px solid var(--primary-color-50);
  }
}