/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@media (max-width: 84em) {
  .wrapper-grid {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
  .hero {
    max-width: 120rem;
  }
  .heading-primary {
    font-size: var(--font-size-head-tablet);
  }
  .gallery {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
  .gallery-2 {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 75em) {
  html {
    font-size: 56.25%;
  }
  .grid {
    -webkit-column-gap: 4.8rem;
    -moz-column-gap: 4.8rem;
    column-gap: 4.8rem;
    row-gap: 6.4rem;
  }
  .heading-tertiary {
    font-size: 2.4rem;
  }
  .heading-primary {
    text-align: left;
  }
  .header {
    padding: 0 3.2rem;
  }
  .main-nav-list {
    gap: 3.2rem;
  }
  .hero {
    gap: 4.8rem;
  }
  .hero-text-box {
    margin-bottom: 2rem;
  }
  .testimonials-container {
    padding: 0rem 2rem;
  }
}

@media (max-width: 59em) {
  html {
    font-size: 50%;
  }
  .hero {
    padding: 0 2rem;
    gap: 0;
  }
  .hero-btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .hero-btn-container * {
    white-space: nowrap;
  }
  .hero-text-box,
  .hero-img-box {
    text-align: center;
    padding: 0;
  }
  .hero-img {
    width: 100%;
    display: none;
  }
  .delivered-meals {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3.2rem;
    width: 100%;
  }
  .logos img {
    height: 2.4rem;
  }
  .step-number {
    font-size: 7.4rem;
  }
  .meal-content {
    padding: 2.4rem 3.2rem 3.2rem 3.2rem;
  }
  .section-testimonials {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .gallery {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
    max-width: 30%;
  }
  .cta {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .cta-form {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .btn--form {
    margin-top: 1.2rem;
  }
  .heading-secondary {
    font-size: var(--font-size-headline-tablet);
  }
  .main-nav {
    position: relative;
    z-index: 40000;
    background-color: rgba(255, 255, 255, 0.97);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100rem;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }
  .nav-open .main-nav {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(10%);
    -ms-transform: translateX(-50%) translateY(10%);
    transform: translateX(-50%) translateY(10%);
    left: 50%;
    top: 50%;
  }
  .nav-open .icon-mobile-nav[name='close-outline'] {
    display: block;
  }
  .nav-open .icon-mobile-nav[name='menu-outline'] {
    display: none;
  }
  .main-nav-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4.8rem;
  }
  .main-nav-link:link,
  .main-nav-link:visited {
    font-size: 1.8rem;
  }
  .gallery .box .dream {
    width: 100%;
  }
  .gallery .heading {
    width: 100%;
  }
  .btn-mobile-nav {
    display: block;
  }
}

@media (max-width: 44em) {
  .heading-primary {
    text-align: center;
  }
  .hero-btn-container .dscheduler-button {
    margin: 0 auto;
  }
  .social-links-footer {
    margin: 0 auto;
    margin-bottom: 3rem;
  }
  .wrapper-grid {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  .grid--3-cols,
  .grid--4-cols {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  .diets {
    -ms-grid-column-align: start;
    justify-self: start;
  }
  .heading-secondary {
    margin-bottom: 4.8rem;
  }
  .pricing-plan {
    width: 100%;
  }
  .grid--footer {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    text-align: center;
  }
  .grid--footer > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .grid--footer > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .grid--footer > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .logo-col,
  .address-col {
    -ms-grid-column-span: 5;
    grid-column: span 5;
  }
  .footer-heading {
    margin-bottom: 2rem;
  }
  .copyright {
    font-size: var(--font-size-caption-mobile);
  }
  .nav-col {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    margin-bottom: 3.2rem;
  }
  .cta {
    grid: none;
  }
  .cta-form {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .btn--form {
    -ms-grid-column-span: 1;
    grid-column: span 1;
    width: 100%;
  }
  .delivered-meals img {
    height: 4.8rem;
    width: 4.8rem;
    border: 3px solid var(--color-white);
  }
  .gallery .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .logo-col {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    text-align: center;
  }
  .address-col {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .social-links {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }

  .nav-col {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .testimonials {
    row-gap: 2rem;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    margin-bottom: 2rem;
  }
  .section-testimonials {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .subheading--title {
    text-align: left;
  }
  .heading-secondary--title {
    text-align: center;
  }
}
@media (max-width: 34em) {
  .contact-container {
    background-color: var(--color-primary-light);
    padding-right: 10px;
    padding-left: 10px;
  }
  .wrapper-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .grid {
    row-gap: 4.8rem;
  }
  .grid--2-cols,
  .grid--3-cols,
  .grid--4-cols {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .btn,
  .btn:link,
  .btn:visited {
  }
  .section-hero {
    padding: 2.4rem 0 6.4rem 0;
  }
  .hero-img {
    width: 100%;
  }
  .logos img {
    height: 1.2rem;
  }
  .step-img-box:nth-child(2) {
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .step-img-box:nth-child(6) {
    -ms-grid-row: 5;
    grid-row: 5;
  }
  .step-img-box {
    -webkit-transform: translateY(2.4rem);
    -ms-transform: translateY(2.4rem);
    transform: translateY(2.4rem);
  }
  .step-description {
    text-align: center;
  }
  .testimonials {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .gallery {
    -ms-grid-columns: 1fr 1.2rem 1fr 1.2rem 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.2rem;
    max-width: 100%;
  }
  .cta {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .cta-form {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .cta-text-box {
    padding: 3.2rem;
  }
  .cta-img-box {
    height: 32rem;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .hero-btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
  }
  .hero-description {
    text-align: center;
  }
  .btn-mobile-nav {
    display: block;
  }
  .main-element .gallery .heading {
    padding-bottom: 50px;
    width: 100%;
    margin: 0 auto;
  }
  .heading-tertiary {
    text-align: center;
    margin-top: 2rem;
  }
  .subheading {
    text-align: center;
    margin-top: 2rem;
  }
  .cta-text {
    font-size: var(--font-size-body-mobile);
    line-height: 1.8;
    text-align: center;
    margin-bottom: 4.8rem;
  }
  .hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
  .section-testimonials {
    background-color: var(--color-white);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .testimonials-container {
    width: 100%;
  }
  .flex-container .list-item {
    width: 100%;
  }
}
@media (min-width: 84) {
  .wrapper-grid {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
}