div[data-type="layout_bento_grid"][data-once="lpb-ui-elements"] .layout-8 .paragraph--type--wf-comp-image img {
  width: 100% !important;
  height: auto !important;
}

.grid-container {
  display: grid;
  gap: 2rem;
  margin: 0 auto;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: minmax(150px, auto);
}

.grid-container .lpb-btn--add.after {
  bottom: 0;
}

.grid-container .lpb-btn--add.before {
  top: 0;
}

.grid-item {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.2rem;
  border-radius: 8px;
}

.grid-item .field__item {
  height: 100%;
  overflow: hidden;
}

@media (min-width: 1024px) {

  .grid-container.layout-6 {
    grid-template-areas: "a a a a c c c c c c c c"
    "a a a a d d d d f f f f"
    "b b b b e e e e f f f f";
  }

  .grid-container.layout-7 {
    grid-template-areas: "a a a a c c c c f f f f"
    "a a a a d d d d g g g g"
    "b b b b e e e e g g g g";
  }

  .grid-container.layout-8 {
    grid-template-areas: "a a a c c c f f f g g g"
    "a a a d d d d d d g g g"
    "b b b d d d d d d h h h"
    "b b b e e e e e e h h h";
  }
}

/* Tablet Layout */
@media (min-width: 768px) and (max-width: 1023px) {
  .grid-container {
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: minmax(150px, auto);
  }

  .grid-container.layout-6 {
    grid-template-areas: "a a a a a a b b b b b b"
    "a a a a a a b b b b b b"
    "c c c c c c c c c c c c"
    "d d d d d d f f f f f f"
    "e e e e e e f f f f f f";
  }

  .grid-container.layout-7 {
    grid-template-areas: "a a a a a a b b b b b b"
    "a a a a a a b b b b b b"
    "c c c c c c c c c c c c"
    "d d d d d d f f f f f f"
    "e e e e e e g g g g g g";
  }

  .grid-container.layout-8 {
    grid-template-areas: "a a a a a a b b b b b b"
    "a a a a a a b b b b b b"
    "c c c c c c d d d d d d"
    "e e e e e e e e e e e e"
    "f f f f f f f f f f f f"
    "g g g g g g h h h h h h"
    "g g g g g g h h h h h h";
  }
}

/* Mobile Layout */
@media (max-width: 767px) {
  .grid-container {
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(150px, auto);
  }

  .layout-3 {
    grid-template-areas: "a"
    "b"
    "c";
  }

  .layout-4 {
    grid-template-areas: "a"
    "b"
    "c"
    "d";
  }

  .layout-5 {
    grid-template-areas: "a"
    "b"
    "c"
    "d"
    "e";
  }

  .layout-6 {
    grid-template-areas: "a"
    "b"
    "c"
    "d"
    "e"
    "f";
  }

  .layout-7 {
    grid-template-areas: "a"
    "b"
    "c"
    "d"
    "e"
    "f"
    "g";
  }

  .layout-8 {
    grid-template-areas: "a"
    "b"
    "c"
    "d"
    "e"
    "f"
    "g"
    "h";
  }

  .layout-9 {
    grid-template-areas: "a"
    "b"
    "c"
    "d"
    "e"
    "f"
    "g"
    "h"
    "i";
  }
}

/* Asignación de áreas a elementos */
.grid-item:nth-child(1) {
  grid-area: a;
}

.grid-item:nth-child(2) {
  grid-area: b;
}

.grid-item:nth-child(3) {
  grid-area: c;
}

.grid-item:nth-child(4) {
  grid-area: d;
}

.grid-item:nth-child(5) {
  grid-area: e;
}

.grid-item:nth-child(6) {
  grid-area: f;
}

.grid-item:nth-child(7) {
  grid-area: g;
}

.grid-item:nth-child(8) {
  grid-area: h;
}

.grid-item:nth-child(9) {
  grid-area: i;
}

.grid-item {
  overflow: hidden;
}

.grid-item .paragraph--type--wf-comp-image img {
  width: 100%;
  height: revert-layer;
  object-fit: cover;
}

/* BEGIN Bento Grid 3 */


.layout-3 {
  width: 343px;
}


.layout-3 .grid-item {
  height: 440px;
}


.layout-3 .grid-item .paragraph--type--wf-comp-image img {
  width: 343px !important;
  height: 440px;
}

@media screen and (min-width: 768px) {
  .layout-3 {
    width: 736px;
  }
}


@media screen and (min-width: 1240px) {
  .layout-3 {
    width: 1240px;
  }
}

/* BEGIN Bento Grid 3 - [8M] + [4S + 4S] */


@media screen and (min-width: 768px) {

  .grid-container.layout-3.layout-8one-4two {
    grid-template-areas: "a a a a a a a a a a a a"
    "b b b b b b c c c c c c";
  }

  .layout-3.layout-8one-4two .region1{
    width: 736px;
    height: 560px;
  }

  .layout-3.layout-8one-4two .region2,
  .layout-3.layout-8one-4two .region3 {
    width: 352px;
    height: 264px;
  }

  .layout-3.layout-8one-4two .region1 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 560px;
  }

  .layout-3.layout-8one-4two .region2 .paragraph--type--wf-comp-image img,
  .layout-3.layout-8one-4two .region3 .paragraph--type--wf-comp-image img {
    width: 352px !important;
    height: 264px;
  }
}

@media screen and (min-width: 1240px) {

  .grid-container.layout-3.layout-8one-4two {
    grid-template-areas: "a a a a a a a a b b b b"
    "a a a a a a a a c c c c";
  }

  .layout-3.layout-8one-4two .region1 {
    width: 816px;
    height: 560px;
  }

  .layout-3.layout-8one-4two .region2,
  .layout-3.layout-8one-4two .region3 {
    width: 392px;
    height: 264px;
  }

  .layout-3.layout-8one-4two .region1 .paragraph--type--wf-comp-image img {
    width: 816px !important;
    height: 560px;
  }

  .layout-3.layout-8one-4two .region2 .paragraph--type--wf-comp-image img,
  .layout-3.layout-8one-4two .region3 .paragraph--type--wf-comp-image img {
    width: 392px !important;
    height: 264px;
  }
}

/* END Bento Grid 3 - [8M] + [4S + 4S] */

/* BEGIN Bento Grid 3 - [4S + 4S] + [8M] */

@media screen and (min-width: 768px) {

  .grid-container.layout-3.layout-4two-8one {
    grid-template-areas: "a a a a a a b b b b b b"
    "c c c c c c c c c c c c";
  }

  .layout-3.layout-4two-8one .region3{
    width: 736px;
    height: 560px;
  }

  .layout-3.layout-4two-8one .region1,
  .layout-3.layout-4two-8one .region2 {
    width: 352px;
    height: 264px;
  }

  .layout-3.layout-4two-8one .region3 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 560px;
  }

  .layout-3.layout-4two-8one .region1 .paragraph--type--wf-comp-image img,
  .layout-3.layout-4two-8one .region2 .paragraph--type--wf-comp-image img {
    width: 352px !important;
    height: 264px;
  }
}

@media screen and (min-width: 1240px) {

  .grid-container.layout-3.layout-4two-8one {
    grid-template-areas: "a a a a c c c c c c c c"
    "b b b b c c c c c c c c";
  }

  .layout-3.layout-4two-8one .region3 {
    width: 816px;
    height: 560px;
  }

  .layout-3.layout-4two-8one .region1,
  .layout-3.layout-4two-8one .region2 {
    width: 392px;
    height: 264px;
  }

  .layout-3.layout-4two-8one .region3 .paragraph--type--wf-comp-image img {
    width: 816px !important;
    height: 560px;
  }

  .layout-3.layout-4two-8one .region1 .paragraph--type--wf-comp-image img,
  .layout-3.layout-4two-8one .region2 .paragraph--type--wf-comp-image img {
    width: 392px !important;
    height: 264px;
  }
}

/* END Bento Grid 3 - [4S + 4S] + [8M] */

/* BEGIN Bento Grid 3 - [6M] + [6S + 6S] */

@media screen and (min-width: 768px) {

  .grid-container.layout-3.layout-6one-6two {
    grid-template-areas: "a a a a a a a a a a a a"
    "b b b b b b b b b b b b"
    "c c c c c c c c c c c c";
  }

  .layout-3.layout-6one-6two .region1{
    width: 736px;
    height: 560px;
  }

  .layout-3.layout-6one-6two .region2,
  .layout-3.layout-6one-6two .region3 {
    width: 736px;
    height: 264px;
  }

  .layout-3.layout-6one-6two .region1 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 560px;
  }

  .layout-3.layout-6one-6two .region2 .paragraph--type--wf-comp-image img,
  .layout-3.layout-6one-6two .region3 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 264px;
  }
}

@media screen and (min-width: 1240px) {

  .grid-container.layout-3.layout-6one-6two {
    grid-template-areas: "a a a a a a b b b b b b"
    "a a a a a a c c c c c c";
  }

  .layout-3.layout-6one-6two .region1 {
    width: 604px;
    height: 560px;
  }

  .layout-3.layout-6one-6two .region2,
  .layout-3.layout-6one-6two .region3 {
    width: 604px;
    height: 264px;
  }

  .layout-3.layout-6one-6two .region1 .paragraph--type--wf-comp-image img {
    width: 604px !important;
    height: 560px;
  }

  .layout-3.layout-6one-6two .region2 .paragraph--type--wf-comp-image img,
  .layout-3.layout-6one-6two .region3 .paragraph--type--wf-comp-image img {
    width: 604px !important;
    height: 264px;
  }
}

/* END Bento Grid 3 - [6M] + [6S + 6S] */

/* BEGIN Bento Grid 3 - [6S + 6S] + [6M] */

@media screen and (min-width: 768px) {

  .grid-container.layout-3.layout-6two-6one {
    grid-template-areas: "a a a a a a a a a a a a"
    "b b b b b b b b b b b b"
    "c c c c c c c c c c c c";
  }

  .layout-3.layout-6two-6one .region3{
    width: 736px;
    height: 560px;
  }

  .layout-3.layout-6two-6one .region1,
  .layout-3.layout-6two-6one .region2 {
    width: 736px;
    height: 264px;
  }

  .layout-3.layout-6two-6one .region3 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 560px;
  }

  .layout-3.layout-6two-6one .region1 .paragraph--type--wf-comp-image img,
  .layout-3.layout-6two-6one .region2 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 264px;
  }
}

@media screen and (min-width: 1240px) {

  .grid-container.layout-3.layout-6two-6one {
    grid-template-areas: "a a a a a a c c c c c c"
    "b b b b b b c c c c c c";
  }

  .layout-3.layout-6two-6one .region3 {
    width: 604px;
    height: 560px;
  }

  .layout-3.layout-6two-6one .region1,
  .layout-3.layout-6two-6one .region2 {
    width: 604px;
    height: 264px;
  }

  .layout-3.layout-6two-6one .region3 .paragraph--type--wf-comp-image img {
    width: 604px !important;
    height: 560px;
  }

  .layout-3.layout-6two-6one .region1 .paragraph--type--wf-comp-image img,
  .layout-3.layout-6two-6one .region2 .paragraph--type--wf-comp-image img {
    width: 604px !important;
    height: 264px;
  }
}

/* END Bento Grid 3 - [6S + 6S] + [6M] */

/* BEGIN Bento Grid 3 - [6S + 6S] on top + [12M] below */

@media screen and (min-width: 768px) {

  .grid-container.layout-3.layout-6two-12one {
    grid-template-areas: "a a a a a a a a a a a a"
    "b b b b b b b b b b b b"
    "c c c c c c c c c c c c";
  }

  .layout-3.layout-6two-12one .region3{
    width: 736px;
    height: 560px;
  }

  .layout-3.layout-6two-12one .region1,
  .layout-3.layout-6two-12one .region2 {
    width: 736px;
    height: 264px;
  }

  .layout-3.layout-6two-12one .region3 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 560px;
  }

  .layout-3.layout-6two-12one .region1 .paragraph--type--wf-comp-image img,
  .layout-3.layout-6two-12one .region2 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 264px;
  }
}

@media screen and (min-width: 1240px) {

  .grid-container.layout-3.layout-6two-12one {
    grid-template-areas: "a a a a a a b b b b b b"
    "c c c c c c c c c c c c";
  }

  .layout-3.layout-6two-12one .region3 {
    width: 1240px;
    height: 560px;
  }

  .layout-3.layout-6two-12one .region1,
  .layout-3.layout-6two-12one .region2 {
    width: 604px;
    height: 264px;
  }

  .layout-3.layout-6two-12one .region3 .paragraph--type--wf-comp-image img {
    width: 1240px !important;
    height: 560px;
  }

  .layout-3.layout-6two-12one .region1 .paragraph--type--wf-comp-image img,
  .layout-3.layout-6two-12one .region2 .paragraph--type--wf-comp-image img {
    width: 604px !important;
    height: 264px;
  }
}

/* END Bento Grid 3 - [6S + 6S] on top + [12M] below */

/* BEGIN Bento Grid 3 - [12M] on top + [6S + 6S] below */

@media screen and (min-width: 768px) {

  .grid-container.layout-3.layout-12one-6two {
    grid-template-areas: "a a a a a a a a a a a a"
    "b b b b b b b b b b b b"
    "c c c c c c c c c c c c";
  }

  .layout-3.layout-12one-6two .region1{
    width: 736px;
    height: 560px;
  }

  .layout-3.layout-12one-6two .region2,
  .layout-3.layout-12one-6two .region3 {
    width: 736px;
    height: 264px;
  }

  .layout-3.layout-12one-6two .region1 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 560px;
  }

  .layout-3.layout-12one-6two .region2 .paragraph--type--wf-comp-image img,
  .layout-3.layout-12one-6two .region3 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 264px;
  }
}

@media screen and (min-width: 1240px) {

  .grid-container.layout-3.layout-12one-6two {
    grid-template-areas: "a a a a a a a a a a a a"
    "b b b b b b c c c c c c";
  }

  .layout-3.layout-12one-6two .region1 {
    width: 1240px;
    height: 560px;
  }

  .layout-3.layout-12one-6two .region2,
  .layout-3.layout-12one-6two .region3 {
    width: 604px;
    height: 264px;
  }

  .layout-3.layout-12one-6two .region1 .paragraph--type--wf-comp-image img {
    width: 1240px !important;
    height: 560px;
  }

  .layout-3.layout-12one-6two .region2 .paragraph--type--wf-comp-image img,
  .layout-3.layout-12one-6two .region3 .paragraph--type--wf-comp-image img {
    width: 604px !important;
    height: 264px;
  }
}

/* END Bento Grid 3 - [12M] on top + [6S + 6S] below */

/* END Bento Grid 3 */


/* BEGIN Bento Grid 4 */


.layout-4 {
  width: 343px;
}


.layout-4 .grid-item {
  height: 440px;
}


.layout-4 .grid-item .paragraph--type--wf-comp-image img {
  width: 343px !important;
  height: 440px;
}

@media screen and (min-width: 768px) {
  .layout-4 {
    width: 736px;
  }
}


@media screen and (min-width: 1240px) {
  .layout-4 {
    width: 1240px;
  }
}

/* BEGIN Bento Grid 4 - [8L] + [4S + 4S + 4S] */


@media screen and (min-width: 768px) {

  .grid-container.layout-4.layout-8one-4three {
    grid-template-areas: "a a a a a a a a a a a a"
    "b b b b b b c c c c c c"
    "d d d d d d d d d d d d";
  }

  .layout-4.layout-8one-4three .region1{
    width: 736px;
    height: 856px;
  }

  .layout-4.layout-8one-4three .region2,
  .layout-4.layout-8one-4three .region3,
  .layout-4.layout-8one-4three .region4 {
    width: 352px;
    height: 264px;
  }

  .layout-4.layout-8one-4three .region1 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 856px;
  }

  .layout-4.layout-8one-4three .region2 .paragraph--type--wf-comp-image img,
  .layout-4.layout-8one-4three .region3 .paragraph--type--wf-comp-image img,
  .layout-4.layout-8one-4three .region4 .paragraph--type--wf-comp-image img {
    width: 352px !important;
    height: 264px;
  }
}


@media screen and (min-width: 1240px) {

  .grid-container.layout-4.layout-8one-4three {
    grid-template-areas: "a a a a a a a a b b b b"
    "a a a a a a a a c c c c"
    "a a a a a a a a d d d d";
  }

  .layout-4.layout-8one-4three .region1{
    width: 816px;
    height: 856px;
  }

  .layout-4.layout-8one-4three .region2,
  .layout-4.layout-8one-4three .region3,
  .layout-4.layout-8one-4three .region4 {
    width: 392px;
    height: 264px;
  }

  .layout-4.layout-8one-4three .region1 .paragraph--type--wf-comp-image img {
    width: 816px !important;
    height: 856px;
  }

  .layout-4.layout-8one-4three .region2 .paragraph--type--wf-comp-image img,
  .layout-4.layout-8one-4three .region3 .paragraph--type--wf-comp-image img,
  .layout-4.layout-8one-4three .region4 .paragraph--type--wf-comp-image img {
    width: 392px !important;
    height: 264px;
  }
}

/* END Bento Grid 4 - [8L] + [4S + 4S + 4S] */

/* BEGIN Bento Grid 4 - [4S + 4S + 4S] + [8L] */


@media screen and (min-width: 768px) {

  .grid-container.layout-4.layout-4three-8one {
    grid-template-areas: "d d d d d d d d d d d d"
    "a a a a a a b b b b b b"
    "c c c c c c c c c c c c";
  }

  .layout-4.layout-4three-8one .region4{
    width: 736px;
    height: 856px;
  }

  .layout-4.layout-4three-8one .region1,
  .layout-4.layout-4three-8one .region2,
  .layout-4.layout-4three-8one .region3 {
    width: 352px;
    height: 264px;
  }

  .layout-4.layout-4three-8one .region4 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 856px;
  }

  .layout-4.layout-4three-8one .region1 .paragraph--type--wf-comp-image img,
  .layout-4.layout-4three-8one .region2 .paragraph--type--wf-comp-image img,
  .layout-4.layout-4three-8one .region3 .paragraph--type--wf-comp-image img {
    width: 352px !important;
    height: 264px;
  }
}


@media screen and (min-width: 1240px) {

  .grid-container.layout-4.layout-4three-8one {
    grid-template-areas: "a a a a d d d d d d d d"
    "b b b b d d d d d d d d"
    "c c c c d d d d d d d d";
  }

  .layout-4.layout-4three-8one .region4{
    width: 816px;
    height: 856px;
  }

  .layout-4.layout-4three-8one .region1,
  .layout-4.layout-4three-8one .region2,
  .layout-4.layout-4three-8one .region3 {
    width: 392px;
    height: 264px;
  }

  .layout-4.layout-4three-8one .region4 .paragraph--type--wf-comp-image img {
    width: 816px !important;
    height: 856px;
  }

  .layout-4.layout-4three-8one .region1 .paragraph--type--wf-comp-image img,
  .layout-4.layout-4three-8one .region2 .paragraph--type--wf-comp-image img,
  .layout-4.layout-4three-8one .region3 .paragraph--type--wf-comp-image img {
    width: 392px !important;
    height: 264px;
  }
}

/* END Bento Grid 4 - [4S + 4S + 4S] + [8L] */

/* BEGIN Bento Grid 4 - [6L] + [6S + 6S + 6S] */


@media screen and (min-width: 768px) {

  .grid-container.layout-4.layout-6one-6three {
    grid-template-areas: "a a a a a a a a a a a a"
    "b b b b b b b b b b b b"
    "c c c c c c c c c c c c"
    "d d d d d d d d d d d d";
  }

  .layout-4.layout-6one-6three .region1{
    width: 736px;
    height: 856px;
  }

  .layout-4.layout-6one-6three .region2,
  .layout-4.layout-6one-6three .region3,
  .layout-4.layout-6one-6three .region4 {
    width: 736px;
    height: 264px;
  }

  .layout-4.layout-6one-6three .region1 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 856px;
  }

  .layout-4.layout-6one-6three .region2 .paragraph--type--wf-comp-image img,
  .layout-4.layout-6one-6three .region3 .paragraph--type--wf-comp-image img,
  .layout-4.layout-6one-6three .region4 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 264px;
  }
}


@media screen and (min-width: 1240px) {

  .grid-container.layout-4.layout-6one-6three {
    grid-template-areas: "a a a a a a b b b b b b"
    "a a a a a a c c c c c c"
    "a a a a a a d d d d d d";
  }

  .layout-4.layout-6one-6three .region1{
    width: 604px;
    height: 856px;
  }

  .layout-4.layout-6one-6three .region2,
  .layout-4.layout-6one-6three .region3,
  .layout-4.layout-6one-6three .region4 {
    width: 604px;
    height: 264px;
  }

  .layout-4.layout-6one-6three .region1 .paragraph--type--wf-comp-image img {
    width: 604px !important;
    height: 856px;
  }

  .layout-4.layout-6one-6three .region2 .paragraph--type--wf-comp-image img,
  .layout-4.layout-6one-6three .region3 .paragraph--type--wf-comp-image img,
  .layout-4.layout-6one-6three .region4 .paragraph--type--wf-comp-image img {
    width: 604px !important;
    height: 264px;
  }
}

/* END Bento Grid 4 - [6L] + [6S + 6S + 6S] */

/* BEGIN Bento Grid 4 - [6S + 6S + 6S] + [6L] */


@media screen and (min-width: 768px) {

  .grid-container.layout-4.layout-6three-6one {
    grid-template-areas: "a a a a a a a a a a a a"
    "b b b b b b b b b b b b"
    "c c c c c c c c c c c c"
    "d d d d d d d d d d d d";
  }

  .layout-4.layout-6three-6one .region4{
    width: 736px;
    height: 856px;
  }

  .layout-4.layout-6three-6one .region1,
  .layout-4.layout-6three-6one .region2,
  .layout-4.layout-6three-6one .region3 {
    width: 736px;
    height: 264px;
  }

  .layout-4.layout-6three-6one .region4 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 856px;
  }

  .layout-4.layout-6three-6one .region1 .paragraph--type--wf-comp-image img,
  .layout-4.layout-6three-6one .region2 .paragraph--type--wf-comp-image img,
  .layout-4.layout-6three-6one .region3 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 264px;
  }
}


@media screen and (min-width: 1240px) {

  .grid-container.layout-4.layout-6three-6one {
    grid-template-areas: "a a a a a a d d d d d d"
    "b b b b b b d d d d d d"
    "c c c c c c d d d d d d";
  }

  .layout-4.layout-6three-6one .region4{
    width: 604px;
    height: 856px;
  }

  .layout-4.layout-6three-6one .region1,
  .layout-4.layout-6three-6one .region2,
  .layout-4.layout-6three-6one .region3 {
    width: 604px;
    height: 264px;
  }

  .layout-4.layout-6three-6one .region4 .paragraph--type--wf-comp-image img {
    width: 604px !important;
    height: 856px;
  }

  .layout-4.layout-6three-6one .region1 .paragraph--type--wf-comp-image img,
  .layout-4.layout-6three-6one .region2 .paragraph--type--wf-comp-image img,
  .layout-4.layout-6three-6one .region3 .paragraph--type--wf-comp-image img {
    width: 604px !important;
    height: 264px;
  }
}

/* END Bento Grid 4 - [6S + 6S + 6S] + [6L] */

/* BEGIN Bento Grid 4 - [6M + 6S] + [6S + 6M] */


@media screen and (min-width: 768px) {

  .grid-container.layout-4.layout-6two-6two-1 {
    grid-template-areas: "a a a a a a a a a a a a"
    "b b b b b b b b b b b b"
    "c c c c c c c c c c c c"
    "d d d d d d d d d d d d";
  }

  .layout-4.layout-6two-6two-1 .region1,
  .layout-4.layout-6two-6two-1 .region4{
    width: 736px;
    height: 560px;
  }

  .layout-4.layout-6two-6two-1 .region2,
  .layout-4.layout-6two-6two-1 .region3 {
    width: 736px;
    height: 264px;
  }

  .layout-4.layout-6two-6two-1 .region1 .paragraph--type--wf-comp-image img,
  .layout-4.layout-6two-6two-1 .region4 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 560px;
  }

  .layout-4.layout-6two-6two-1 .region2 .paragraph--type--wf-comp-image img,
  .layout-4.layout-6two-6two-1 .region3 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 264px;
  }
}


@media screen and (min-width: 1240px) {

  .grid-container.layout-4.layout-6two-6two-1 {
    grid-template-areas: "a a a a a a c c c c c c"
    "a a a a a a d d d d d d"
    "b b b b b b d d d d d d";
  }

  .layout-4.layout-6two-6two-1 .region1,
  .layout-4.layout-6two-6two-1 .region4 {
    width: 604px;
    height: 560px;
  }

  .layout-4.layout-6two-6two-1 .region2,
  .layout-4.layout-6two-6two-1 .region3{
    width: 604px;
    height: 264px;
  }

  .layout-4.layout-6two-6two-1 .region1 .paragraph--type--wf-comp-image img,
  .layout-4.layout-6two-6two-1 .region4 .paragraph--type--wf-comp-image img {
    width: 604px !important;
    height: 560px;
  }

  .layout-4.layout-6two-6two-1 .region2 .paragraph--type--wf-comp-image img,
  .layout-4.layout-6two-6two-1 .region3 .paragraph--type--wf-comp-image img {
    width: 604px !important;
    height: 264px;
  }
}

/* END Bento Grid 4 - [6M + 6S] + [6S + 6M] */

/* BEGIN Bento Grid 4 - [6S + 6M] + [6M + 6S] */


@media screen and (min-width: 768px) {

  .grid-container.layout-4.layout-6two-6two-2 {
    grid-template-areas: "a a a a a a a a a a a a"
    "b b b b b b b b b b b b"
    "c c c c c c c c c c c c"
    "d d d d d d d d d d d d";
  }

  .layout-4.layout-6two-6two-2 .region2,
  .layout-4.layout-6two-6two-2 .region3{
    width: 736px;
    height: 560px;
  }

  .layout-4.layout-6two-6two-2 .region1,
  .layout-4.layout-6two-6two-2 .region4 {
    width: 736px;
    height: 264px;
  }

  .layout-4.layout-6two-6two-2 .region2 .paragraph--type--wf-comp-image img,
  .layout-4.layout-6two-6two-2 .region3 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 560px;
  }

  .layout-4.layout-6two-6two-2 .region1 .paragraph--type--wf-comp-image img,
  .layout-4.layout-6two-6two-2 .region4 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 264px;
  }
}


@media screen and (min-width: 1240px) {

  .grid-container.layout-4.layout-6two-6two-2 {
    grid-template-areas: "a a a a a a c c c c c c"
    "b b b b b b c c c c c c"
    "b b b b b b d d d d d d";
  }

  .layout-4.layout-6two-6two-2 .region2,
  .layout-4.layout-6two-6two-2 .region3 {
    width: 604px;
    height: 560px;
  }

  .layout-4.layout-6two-6two-2 .region1,
  .layout-4.layout-6two-6two-2 .region4{
    width: 604px;
    height: 264px;
  }

  .layout-4.layout-6two-6two-2 .region2 .paragraph--type--wf-comp-image img,
  .layout-4.layout-6two-6two-2 .region3 .paragraph--type--wf-comp-image img {
    width: 604px !important;
    height: 560px;
  }

  .layout-4.layout-6two-6two-2 .region1 .paragraph--type--wf-comp-image img,
  .layout-4.layout-6two-6two-2 .region4 .paragraph--type--wf-comp-image img {
    width: 604px !important;
    height: 264px;
  }
}

/* END Bento Grid 4 - [6S + 6M] + [6M + 6S] */

/* END Bento Grid 4 */

/* BEGIN Bento Grid 5*/

.layout-5 {
  width: 343px;
}

.layout-5 .grid-item {
  height: 440px;
}

.layout-5 .grid-item .paragraph--type--wf-comp-image img {
  width: 343px !important;
  height: 440px;
}

@media screen and (min-width: 768px) {
  .layout-5 {
    width: 736px;
  }

  .grid-container.layout-5 {
    grid-template-areas: "a a a a a a b b b b b b"
    "a a a a a a b b b b b b"
    "c c c c c c c c c c c c"
    "d d d d d d e e e e e e"
    "d d d d d d e e e e e e";
  }

  .layout-5 .region1,
  .layout-5 .region2,
  .layout-5 .region4,
  .layout-5 .region5 {
    width: 352px;
    height: 440px;
  }

  .layout-5 .region3 {
    width: 736px;
    height: 241px;
  }

  .layout-5 .region1 .paragraph--type--wf-comp-image img,
  .layout-5 .region2 .paragraph--type--wf-comp-image img,
  .layout-5 .region4 .paragraph--type--wf-comp-image img,
  .layout-5 .region5 .paragraph--type--wf-comp-image img {
    width: 352px !important;
    height: 440px;
  }

  .layout-5 .region3 .paragraph--type--wf-comp-image img {
    width: 736px !important;
    height: 241px;
  }
}

@media screen and (min-width: 1240px) {
  .layout-5 {
    width: 1240px;
  }

  .grid-container.layout-5 {
    grid-template-areas: "a a a a c c c c c c c c"
    "a a a a d d d d e e e e"
    "b b b b d d d d e e e e";
  }

  .layout-5 .region1,
  .layout-5 .region4,
  .layout-5 .region5 {
    width: 392px;
    height: 440px;
  }

  .layout-5 .region2 {
    width: 392px;
    height: 216px;
  }

  .layout-5 .region3 {
    width: 816px;
    height: 216px;
  }

  .layout-5 .region1 .paragraph--type--wf-comp-image img,
  .layout-5 .region4 .paragraph--type--wf-comp-image img,
  .layout-5 .region5 .paragraph--type--wf-comp-image img {
    width: 392px !important;
    height: 440px;
  }

  .layout-5 .region2 .paragraph--type--wf-comp-image img {
    width: 392px !important;
    height: 216px;
  }

  .layout-5 .region3 .paragraph--type--wf-comp-image img {
    width: 816px !important;
    height: 216px;
  }
}

/* END Bento Grid 5*/

/* BEGIN Bento Grid 6 */

.layout-6 {
  width: 343px;
}

.layout-6 .grid-item {
  height: 440px;
}

.layout-6 .grid-item .paragraph--type--wf-comp-image img {
  width: 343px !important;
  height: 440px;
}

@media screen and (min-width: 768px) {
  .layout-6 {
    width: 736px;
  }

  .layout-6 .region1,
  .layout-6 .region2,
  .layout-6 .region6 {
    width: 352px;
    height: 440px;
  }

  .layout-6 .region3 {
    width: 738px;
    height: 241px;
  }

  .layout-6 .region4,
  .layout-6 .region5 {
    width: 354px;
    height: 206px;
  }

  .layout-6 .region1 .paragraph--type--wf-comp-image img,
  .layout-6 .region2 .paragraph--type--wf-comp-image img,
  .layout-6 .region6 .paragraph--type--wf-comp-image img {
    width: 352px !important;
    height: 440px;
  }

  .layout-6 .region3 .paragraph--type--wf-comp-image img {
    width: 738px !important;
    height: 241px;
  }

  .layout-6 .region4 .paragraph--type--wf-comp-image img,
  .layout-6 .region5 .paragraph--type--wf-comp-image img {
    width: 354px !important;
    height: 206px;
  }
}

@media screen and (min-width: 1240px) {
  .layout-6 {
    width: 1240px;
  }

  .layout-6 .region1,
  .layout-6 .region6 {
    width: 392px;
    height: 464px;
  }

  .layout-6 .region3 {
    width: 816px;
    height: 216px;
  }

  .layout-6 .region2,
  .layout-6 .region4,
  .layout-6 .region5 {
    width: 392px;
    height: 216px;
  }

  .layout-6 .region1 .paragraph--type--wf-comp-image img,
  .layout-6 .region6 .paragraph--type--wf-comp-image img {
    width: 392px !important;
    height: 464px;
  }

  .layout-6 .region3 .paragraph--type--wf-comp-image img {
    width: 816px !important;
    height: 216px;
  }

  .layout-6 .region2 .paragraph--type--wf-comp-image img,
  .layout-6 .region4 .paragraph--type--wf-comp-image img,
  .layout-6 .region5 .paragraph--type--wf-comp-image img {
    width: 392px !important;
    height: 216px;
  }
}

/* END Bento Grid 6 */

/* BEGIN Bento Grid 7 */

.layout-7 {
  width: 343px;
}

.layout-7 .grid-item {
  height: 440px;
}

@media screen and (min-width: 768px) {
  .layout-7 {
    width: 736px;
  }

  .layout-7 .region1,
  .layout-7 .region2 {
    width: 352px;
    height: 440px;
  }

  .layout-7 .region3 {
    width: 740px;
    height: 235px;
  }

  .layout-7 .region4,
  .layout-7 .region5,
  .layout-7 .region6,
  .layout-7 .region7 {
    width: 354px;
    height: 235px;
  }

  .layout-7 .region1 .paragraph--type--wf-comp-image img,
  .layout-7 .region2 .paragraph--type--wf-comp-image img {
    width: 352px !important;
    height: 440px;
  }

  .layout-7 .region3 .paragraph--type--wf-comp-image img {
    width: 740px !important;
    height: 235px;
  }

  .layout-7 .region4 .paragraph--type--wf-comp-image img,
  .layout-7 .region5 .paragraph--type--wf-comp-image img,
  .layout-7 .region6 .paragraph--type--wf-comp-image img,
  .layout-7 .region7 .paragraph--type--wf-comp-image img {
    width: 354px !important;
    height: 235px;
  }
}

@media screen and (min-width: 1240px) {
  .layout-7 {
    width: 1240px;
  }

  .layout-7 .region1,
  .layout-7 .region7 {
    width: 392px;
    height: 464px;
  }

  .layout-7 .region2,
  .layout-7 .region3,
  .layout-7 .region4,
  .layout-7 .region5,
  .layout-7 .region6 {
    width: 392px;
    height: 216px;
  }

  .layout-7 .region1 .paragraph--type--wf-comp-image img,
  .layout-7 .region7 .paragraph--type--wf-comp-image img {
    width: 392px !important;
    height: 464px;
  }

  .layout-7 .region2 .paragraph--type--wf-comp-image img,
  .layout-7 .region3 .paragraph--type--wf-comp-image img,
  .layout-7 .region4 .paragraph--type--wf-comp-image img,
  .layout-7 .region5 .paragraph--type--wf-comp-image img,
  .layout-7 .region6 .paragraph--type--wf-comp-image img {
    width: 392px !important;
    height: 216px;
  }
}

/* END Bento Grid 7 */

/* BEGIN Bento Grid 8 */
.layout-8 {
  width: 343px;
}

.layout-8 .grid-item {
  height: 440px;
}

@media screen and (min-width: 768px) {
  .layout-8 {
    width: 736px;
  }

  .layout-8 .region1,
  .layout-8 .region2,
  .layout-8 .region7,
  .layout-8 .region8 {
    width: 352px;
    height: 440px;
  }

  .layout-8 .region3,
  .layout-8 .region4 {
    width: 354px;
    height: 235px;
  }

  .layout-8 .region5 {
    width: 736px;
    height: 298px;
  }

  .layout-8 .region6 {
    width: 736px;
    height: 179px;
  }

  .layout-8 .region1 .paragraph--type--wf-comp-image img,
  .layout-8 .region2 .paragraph--type--wf-comp-image img,
  .layout-8 .region7 .paragraph--type--wf-comp-image img,
  .layout-8 .region8 .paragraph--type--wf-comp-image img {
    width: 352px;
    height: 440px;
  }

  .layout-8 .region3 .paragraph--type--wf-comp-image img,
  .layout-8 .region4 .paragraph--type--wf-comp-image img {
    width: 354px;
    height: 235px;
  }

  .layout-8 .region5 .paragraph--type--wf-comp-image img {
    width: 736px;
    height: 298px;
  }

  .layout-8 .region6 .paragraph--type--wf-comp-image img {
    width: 736px;
    height: 179px;
  }
}

@media screen and (min-width: 1240px) {
  .layout-8 {
    width: 1240px;
  }

  .layout-8 .region1,
  .layout-8 .region2,
  .layout-8 .region7,
  .layout-8 .region8 {
    width: 286px;
    height: 464px;
  }

  .layout-8 .region3,
  .layout-8 .region6 {
    width: 286px;
    height: 183px;
  }

  .layout-8 .region4 {
    width: 604px;
    height: 530px;
  }

  .layout-8 .region5 {
    width: 604px;
    height: 183px;
  }

  .layout-8 .region1 .paragraph--type--wf-comp-image img,
  .layout-8 .region2 .paragraph--type--wf-comp-image img,
  .layout-8 .region7 .paragraph--type--wf-comp-image img,
  .layout-8 .region8 .paragraph--type--wf-comp-image img {
    width: 286px;
    height: 464px;
  }

  .layout-8 .region3 .paragraph--type--wf-comp-image img,
  .layout-8 .region6 .paragraph--type--wf-comp-image img {
    width: 286px;
    height: 183px;
  }

  .layout-8 .region4 .paragraph--type--wf-comp-image img {
    width: 604px;
    height: 530px;
  }

  .layout-8 .region5 .paragraph--type--wf-comp-image img {
    width: 604px;
    height: 183px;
  }
}

/* END Bento Grid 8*/

/* BEGIN Bento Grid 9 */

.layout-9 {
  width: 343px;
}

.layout-9 .grid-item {
  height: 440px;
}

@media screen and (min-width: 768px) {
  .grid-container.layout-9 {
    grid-template-areas: "a a a a a a b b b b b b"
    "a a a a a a b b b b b b"
    "c c c c c c d d d d d d"
    "e e e e e e e e e e e e"
    "e e e e e e e e e e e e"
    "f f f f f f g g g g g g"
    "h h h h h h i i i i i i"
    "h h h h h h i i i i i i";
  }

  .layout-9 {
    width: 736px;
  }

  .layout-9 .region1,
  .layout-9 .region2,
  .layout-9 .region8,
  .layout-9 .region9 {
    width: 352px;
    height: 440px;
  }

  .layout-9 .region3,
  .layout-9 .region4,
  .layout-9 .region6,
  .layout-9 .region7 {
    width: 354px;
    height: 235px;
  }

  .layout-9 .region5 {
    width: 736px;
    height: 480px;
  }

  .layout-9 .region1 .paragraph--type--wf-comp-image img,
  .layout-9 .region2 .paragraph--type--wf-comp-image img,
  .layout-9 .region8 .paragraph--type--wf-comp-image img,
  .layout-9 .region9 .paragraph--type--wf-comp-image img {
    width: 352px;
    height: 440px;
  }

  .layout-9 .region3 .paragraph--type--wf-comp-image img,
  .layout-9 .region4 .paragraph--type--wf-comp-image img,
  .layout-9 .region6 .paragraph--type--wf-comp-image img,
  .layout-9 .region7 .paragraph--type--wf-comp-image img {
    width: 354px;
    height: 235px;
  }

  .layout-9 .region5 .paragraph--type--wf-comp-image img {
    width: 736px;
    height: 480px;
  }
}

@media screen and (min-width: 1240px) {
  .grid-container.layout-9 {
    grid-template-areas: "a a a c c c f f f h h h"
    "a a a d d d d d d h h h"
    "b b b d d d d d d i i i"
    "b b b e e e g g g i i i";
  }

  .layout-9 {
    width: 1240px;
  }

  .layout-9 .region1,
  .layout-9 .region2,
  .layout-9 .region8,
  .layout-9 .region9 {
    width: 286px;
    height: 440px;
  }

  .layout-9 .region3,
  .layout-9 .region5,
  .layout-9 .region6,
  .layout-9 .region7 {
    width: 286px;
    height: 183px;
  }

  .layout-9 .region4 {
    width: 604px;
    height: 482px;
  }

  .layout-9 .region1 .paragraph--type--wf-comp-image img,
  .layout-9 .region2 .paragraph--type--wf-comp-image img,
  .layout-9 .region8 .paragraph--type--wf-comp-image img,
  .layout-9 .region9 .paragraph--type--wf-comp-image img {
    width: 286px;
    height: 440px;
  }

  .layout-9 .region3 .paragraph--type--wf-comp-image img,
  .layout-9 .region5 .paragraph--type--wf-comp-image img,
  .layout-9 .region6 .paragraph--type--wf-comp-image img,
  .layout-9 .region7 .paragraph--type--wf-comp-image img {
    width: 286px;
    height: 183px;
  }

  .layout-9 .region4 .paragraph--type--wf-comp-image img {
    width: 604px;
    height: 482px;
  }
}

/* END Bento Grid 9 */

.grid-item .paragraph--type--wf-comp-manageable-tile {
  height: 100%;
  width: 100%;
}

.grid-item .paragraph--type--wf-comp-manageable-tile .tile.small,
.grid-item .paragraph--type--wf-comp-manageable-tile .tile.medium,
.grid-item .paragraph--type--wf-comp-manageable-tile .tile.large {
  height: 100%;
  width: 100%;
}

.grid-item .paragraph--type--wf-comp-manageable-tile .tile__icon {
  display: flex;
}

.layout-paragraphs-builder-form .paragraph--type--layout-bento-grid .grid-item,
.node-form .paragraph--type--layout-bento-grid .grid-item {
  overflow: visible;
}

.paragraph--type--layout-bento-grid .grid-container .js-lpb-region.layout__region.grid-item {
    position: relative;
}

.paragraph--type--layout-bento-grid .grid-container .js-lpb-component {
  position: initial;
}

.paragraph--type--layout-bento-grid .grid-container .js-lpb-component.paragraph .lpb-controls.js-lpb-ui {
    position: absolute;
    top: 0;
    left: 0;
}
.paragraph--type--layout-bento-grid .grid-container.layout-8 .js-lpb-component.paragraph .lpb-controls.js-lpb-ui,
.paragraph--type--layout-bento-grid .grid-container.layout-9 .js-lpb-component.paragraph .lpb-controls.js-lpb-ui {
  display: flex;
  width: 100%;
}
.paragraph--type--layout-bento-grid .grid-container.layout-8 .js-lpb-component.paragraph .lpb-controls.js-lpb-ui .lpb-controls-label,
.paragraph--type--layout-bento-grid .grid-container.layout-9 .js-lpb-component.paragraph .lpb-controls.js-lpb-ui .lpb-controls-label {
  text-align: left;
  max-width: 70%;
}