@media (max-width: 1080px) {
  nav {
    padding-left: 16px;
  }
  .project {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 768px) {
  nav {
    padding-left: 16px;
  }
  h1 {
    font-size: 24px;
  }
  .post-images {
    width: 50%;
  }
  .post-text {
    width: 50%;
  }
}

@media (max-width: 720px) {
}

@media (max-width: 560px) {
  h1 {
    font-size: 20px;
  }
  .post {
    flex-wrap: wrap-reverse;
  }
  .post-images {
    width: 100%;
  }
  .post-text {
    width: 100%;
  }
}

@media (max-width: 460px) {
}