@media only screen and (max-width: 1440px) {
  .best-restaurants-container,
  .paragraph-body,
  .paragraph-search-form,
  .paragraph-feature {
    grid-column: 2/14;
  }
}
@media screen and (max-width: 768px) {
  .site-branding__logo img {
    max-height: 70px;
  }
  .site-footer {
    margin: 0 40px;
  }
  .paragraph-body {
    flex-direction: column;
  }
  .paragraph-body .text {
    margin-left: 0;
    margin-top: 50px;
    width: auto;
  }
  .paragraph-search-form form .form-item-keywords {
    width: 160px;
  }
  .best-restaurants-container .list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .best-restaurants-container .list .restaurant {
    width: 100%;
  }
  .best-restaurants-container .list #restaurantItem0 {
    grid-column: 1/2;
    grid-row: 1;
  }
  .best-restaurants-container .list #restaurantItem1 {
    grid-column: 2/2;
    grid-row: 1;
  }
  .best-restaurants-container .list #restaurantItem2 {
    grid-column: 1/2;
    grid-row: 2;
  }
  .best-restaurants-container .list #restaurantItem3 {
    grid-column: 2/2;
    grid-row: 2;
  }
  .best-restaurants-container .list a.cta {
    grid-column: 3/3;
    grid-row: 1/3;
  }
}
@media screen and (max-width: 425px) {
  /*:root {
      --sp: 1.8rem;
      --sp2: calc(2 * var(--sp));
  }*/
  .paragraph-feature {
    flex-direction: column-reverse;
  }
  .paragraph-feature .arguments {
    width: auto;
  }
  .paragraph-feature .arguments h2 {
    line-height: unset;
  }
  .paragraph-feature .visual {
    margin-bottom: 20px;
  }
  .paragraph-feature .call-to-actions {
    display: flex;
    justify-content: end;
  }
  .paragraph-search-form form {
    flex-direction: column;
  }
  .paragraph-search-form form label {
    text-align: center;
  }
  .paragraph-search-form form input::placeholder {
    text-align: center;
  }
  .paragraph-body .text {
    width: auto;
  }
  .best-restaurants-container, .paragraph-body, .paragraph-search-form, .paragraph-feature {
    grid-column: 1/7;
    margin: 20px;
  }
  .best-restaurants-container .list #restaurantItem0 {
    grid-column: 1/2;
    grid-row: 1;
  }
  .best-restaurants-container .list #restaurantItem1 {
    grid-column: 2/2;
    grid-row: 1;
  }
  .best-restaurants-container .list #restaurantItem2 {
    grid-column: 1/2;
    grid-row: 2;
  }
  .best-restaurants-container .list #restaurantItem3 {
    grid-column: 2/2;
    grid-row: 2;
  }
  .best-restaurants-container .list a.cta {
    grid-column: 1/3;
    grid-row: 3/3;
  }
}

/*# sourceMappingURL=responsive.css.map */