.page-content {
  width: 100%;
  overflow-x: hidden;
  padding-top: 70px;
  z-index: 1;
  margin: 0 auto;
}

.one-col,
.two-col,
.three-col,
.four-col {
  box-sizing: border-box;
  overflow: hidden;
}

.container {
  box-sizing: border-box;
  width: 100%;
  padding: 5%;
}

.three-col .container {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 25px;
}

.four-col .container {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 25px;
}

.two-col div img,
.three-col div img,
.four-col div img {
  display: block;
  width: 90%;
  margin: 0 auto;
}

.padding-top-bottom {
  padding: 4vw 0;
}

.before-padding {
  padding-top: 4vw;
}

.after-padding {
  padding-bottom: 4vw;
}

.has-media-on-the-right {
  padding: 0 5%;
}

.wp-block-image:not(.is-style-rounded) img,
.wp-block-media-text__media img {
  height: auto;
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media {
  height: 100%;
  width: 100%;
  margin: 0;
  min-height: 250px;
  background-size: contain;
  background-repeat: no-repeat;
}

.wp-block-image,
.wp-block-columns {
  margin: 0;
}

.wp-block-cover {
  padding: 0;
}

.wp-block-cover,
.wp-block-cover-image {
  min-height: 50vh !important;
}

.two-col {
  margin-bottom: 0;
}

.two-col .wp-block-column {
  box-sizing: border-box;
  padding: 7vw 7vw 7vw 3vw;
}

.two-col .wp-block-column:first-of-type {
  padding: 7vw;
}

.hidden-image {
  background-image: url('../../../uploads/2021/09/winery-hero-scaled.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.wp-block-columns.has-background {
  box-sizing: border-box;
  padding: 0 7vw 7vw;
}
.padtop {
  padding-top: 7vw;
}

.padbot {
  padding-bottom: 7vw;
}

.hidden-image figure {
  display: none;
}

.wp-block-image:not(.is-style-rounded) img,
.wp-block-media-text__media img {
  height: auto;
  width: 100%;
  box-sizing: border-box;
  padding: 25px;
}

/**    ███  ██████████  ██████████     ██████████  ███    ███
███    ███  ███    ███  ███    ███     ███    ███   ███  ███
███    ███  ███    ███  ███    ███     ███    ███     ████
██████████  ██████████  ███    ███     ██████████      ██
       ███  ███    ███  ███    ███     ███            ████
       ███  ███    ███  ███    ███     ███          ███  ███
       ███  ██████████  ██████████     ███         ███    █*/

@media only screen and (min-width: 480px) {
}

/**███████  ███         ██████████     ██████████  ███    ███
       ███  ███         ███    ███     ███    ███   ███  ███
       ███  ███         ███    ███     ███    ███     ████
    ██████  ██████████  ██████████     ██████████      ██
       ███  ███    ███  ███    ███     ███            ████
       ███  ███    ███  ███    ███     ███          ███  ███
       ███  ██████████  ██████████     ███         ███    █*/

@media only screen and (min-width: 768px) {
  .two-col {
    margin-bottom: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .one-col .container,
  .two-col .container {
    padding: 5% 10%;
  }

  .three-col .container,
  .four-col .container {
    padding: 5% 7.5%;
  }

  .four-col .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

/**  ██████████  ██████████  ███    ███     ██████████  ███    ███
███  ███    ███         ███  ███    ███     ███    ███   ███  ███
███  ███    ███         ███  ███    ███     ███    ███     ████
███  ███    ███  ██████████  ██████████     ██████████      ██
███  ███    ███  ███                ███     ███            ████
███  ███    ███  ███                ███     ███          ███  ███
███  ██████████  ██████████         ███     ███         ███    █*/

@media only screen and (min-width: 1024px) {
  .page-content {
    padding-top: 100px;
  }

  .two-col .wp-block-column:first-of-type {
    padding: 7vw 3vw 7vw 7vw;
  }

  .one-col .container {
    padding: 5% 15%;
  }

  .two-col .container {
    padding: 5% 12.5%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 5vw;
  }

  .three-col .container {
    padding: 5% 10%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3vw;
  }

  .four-col .container {
    grid-template-columns: repeat(4, 1fr);
  }

  .two-col-a {
    grid-column: 1 / 2;
  }

  .two-col-b {
    grid-column: 2 / 3;
  }

  .wp-block-column:not(:only-child) {
    flex-basis: 0;
    padding: 0;
  }
}

/**  ███    ███  ███    ███  ██████████     ██████████  ███    ███
███  ███    ███  ███    ███  ███    ███     ███    ███   ███  ███
███  ███    ███  ███    ███  ███    ███     ███    ███     ████
███  ██████████  ██████████  ███    ███     ██████████      ██
███         ███         ███  ███    ███     ███            ████
███         ███         ███  ███    ███     ███          ███  ███
███         ███         ███  ██████████     ███         ███    █*/

@media only screen and (min-width: 1440px) {
  .one-col .container {
    padding: 5% 25%;
  }

  .two-col .container {
    padding: 5% 15%;
  }

  .three-col .container {
    padding: 5% 25%;
  }

  .four-col .container {
    padding: 5% 10%;
  }
}