section#wall-of-love{
  background: var(--main-pink);
}
section#wall-of-love h2{
  text-align: center;
  margin-bottom: 0;
}
section#wall-of-love .box video,
section#wall-of-love .box .plyr,
section#wall-of-love .box .plyr__video-wrapper,
section#wall-of-love .box .bg{
  width: 100%;
  height: 100%;
}
section#wall-of-love .box video{
  object-fit: cover;
}
section#wall-of-love .block.layout-5 .box{
  min-height: 280px;
}
section#wall-of-love .block.layout-5 > .column:first-child{
  flex: 1;
}
section#wall-of-love .block.layout-5 > .column:last-child{
  flex-basis: 28%;
  min-width: 28%;
}
section#wall-of-love .block.layout-5 > .column .row{
  flex: 1;
}
section#wall-of-love .block.layout-5 > .column .row:first-child .box:first-child,
section#wall-of-love .block.layout-5 > .column .row:last-child .box:last-child{
  flex-basis: 40%;
  min-width: 40%;
}
section#wall-of-love .block.layout-5 > .column .row:first-child .box:last-child,
section#wall-of-love .block.layout-5 > .column .row:last-child .box:first-child{
  flex: 1;
}
section#wall-of-love .block.layout-5 > .column:last-child .box{
  flex: 1;
}

section#wall-of-love .block.layout-2 .box{
  width: 50%;
}

section#wall-of-love .block.layout-3 .box{
  width: calc(100%/3);
}

section#wall-of-love .box .rounded{
  position: relative;
  margin: 5px;
  height: calc(100% - 10px);
  background: #fff;
  padding: 40px 5%;
  flex-wrap: nowrap;
}
section#wall-of-love .box .logo{
  margin-bottom: 15px;
  height: auto;
}
section#wall-of-love .box p{
  margin: 0;
  line-height: 1.3;
  font-weight: 500;
  text-align: center;
}
section#wall-of-love .box p:before{
  content: open-quote;
}
section#wall-of-love .box p:after{
  content: close-quote;
}
section#wall-of-love .box .rounded > video,
section#wall-of-love .box .rounded > .plyr,
section#wall-of-love .box .rounded > .bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* Responsive ---------------------------------------------------- */

@media (max-width: 1024px){
  section#wall-of-love .block.layout-5 > .column:first-child,
  section#wall-of-love .block.layout-5 > .column:last-child{
    flex-basis: 100%;
    min-width: 100%;
  }
  section#wall-of-love .block.layout-5 > .column:last-child .box{
    min-height: unset;
  }
  section#wall-of-love .block.layout-3 .box{
    width: 50%;
  }
  section#wall-of-love .block.layout-3 .box:last-child{
    width: 100%;
  }
}

@media (max-width: 800px){
  section#wall-of-love .block.layout-2 .box,
  section#wall-of-love .block.layout-3 .box{
    width: 100%;
  }
  section#wall-of-love .block.layout-5 .box{
    min-height: unset;
  }
  section#wall-of-love .block.layout-5 > .column .row .box{
    width: 100% !important;
    flex-basis: 100% !important;
    min-width: 100% !important;
  }