/* 1024px to 1200px  */
@media only screen and (max-width: 1200px) {
}

/* Small tablet to big tablet: 768px to 1023px */
@media only screen and (max-width: 1023px) {
  .main-nav li {
    letter-spacing: 0.1em;
  }
}

@media only screen and (max-width: 960px) {
  /* .blog-item .featured-img .img-wrapper {
    max-height: 320px;
  } */
  .container-split {
    flex-wrap: wrap;
  }
  .article,
  .results-wrapper,
  .recent-posts {
    width: 100%;
    margin: 0 auto;
    max-width: none;
  }

  .related-post {
    margin: 0 0 50px;
  }

  .main-nav li {
    padding: 7px;
  }

  .item-gallery {
    grid-row: span 4;
  }

  .item-gallery.portrait {
    grid-row: span 6;
  }
}

/* Small phones to small tablets: from 481px to 767px */
@media only screen and (max-width: 767px) {
  body {
    font-size: 18px;
  }
  .row {
    padding: 0 20px;
  }
  .content {
    /* max-width: 90%; */

    max-width: 1000px;
    margin: 30px 3%;
  }

  section {
    padding: 15px;
  }

  p {
    width: 100%;
  }
  .featured-item {
    width: 100%;
    /* margin: 10px uto; */
  }

  section.newsletter .signup {
    width: 80%;
    max-width: 500px;
  }

  section.newsletter .signup label {
    margin: 0 0 20px 0;
  }

  section.newsletter .signup form {
    margin: auto;
    width: 100%;
  }

  section.newsletter .mc4wp-form-fields {
    flex-wrap: wrap;
  }

  section.newsletter input[type="email"] {
    margin: 0 0 10px 0;
  }

  footer {
    font-size: 80%;
  }

  .footer-wrapper {
    max-width: none;
  }
  .footer-wrapper .instagram {
    width: 100%;
    margin: 0 0 30px;
  }
  .footer-wrapper .nav-footer-wrapper,
  .footer-wrapper .contact-wrapper {
    width: 50%;
  }

  .credit p {
    width: 90%;
  }
  footer .fab {
    right: 20px;
  }
  .blog-item {
    flex-wrap: wrap;
    justify-content: center;
  }
  .blog-item .featured-img {
    max-width: 500px;
  }
  .blog-item .featured-img,
  .blog-item .blog-info {
    width: 100%;
  }

  .list-recent-posts {
    justify-content: center;
    flex-wrap: wrap;
  }
  .list-recent-posts .post-item {
    width: 100%;
    margin: 30px auto;
  }
  .list-recent-posts .post-item .img-wrapper {
    height: auto;
    max-height: 400px;
  }

  .blog-pagination {
    justify-content: center;
  }

  /* mobile nav */
  ul.main-nav {
    /* display: none; */
    height: 0;
    width: 0;
    overflow: hidden;
  }
  .mobile-nav {
    display: block;
  }

  .gallery-wrapper {
    /* display: grid; */
    grid-template-columns: none;
    /* column-count: 1; */
    /* grid-auto-rows: 4rem; */
  }
  .item-gallery {
    grid-row: span 5;
  }

  .item-gallery.portrait {
    grid-row: span 8;
  }
}

/* Small phones: from 0 to 480px */
@media only screen and (max-width: 480px) {
  body {
    font-size: 16px;
  }

  .featured-item {
    max-height: 200px;
  }

  .btn-outline {
    width: 100%;
  }

  .what-I-love h2 {
    font-size: 60%;
  }

  section.newsletter .signup {
    width: 100%;
  }

  footer {
    font-size: 90%;
  }

  .footer-wrapper {
    padding: 0;
  }

  .footer-wrapper .instagram,
  .footer-wrapper .nav-footer-wrapper,
  .footer-wrapper .contact-wrapper {
    width: 100%;
    margin: 0 0 30px;
  }
}

/* @media (hover: hover) {

}

@media (hover: none) {

} */