div#mc_embed_signup::before {
    content: '';
    position: absolute;
    width: 100vw;
    left: calc( (-100vw + 100% ) / 2 );
    height: 100%;
    background-color: inherit;
    z-index: -1;
}
form.validate div.response {
    padding: 0 1rem;
}

.media-box-container {
  
  max-width: 300px;
  margin: 1rem auto 0;
}
.media-box-container .media-box-cell {
  /*border: 1px solid;*/
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 104%;
  background-position: center;
  position: relative;
}
.media-box-container .media-box-cell:first-of-type {
  margin-bottom: 1rem;
}
.media-box-container .media-box-cell > div {
  /*border: 1px solid red;*/
  top: 50%;
  position: absolute;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
}
.media-box-container .media-box-cell a {
  color: #fff;
  border: 3px solid;
  border-color: rgba(255,255,255,.5);
  background-color: rgba(117,117,117,.6);
  padding: .5rem;
  display: inline-block;
  text-decoration: none !important;
  min-width: 60%;
  font-size: 1.7em;
  font-weight: 600 !important;
}
.media-box-container .media-box-cell:hover a {
  color: #fff !important;
}
.media-box-container .media-box-cell p {
    color: #fff;
    width: 60%;
    margin: 1rem auto;
    padding: 1rem;
    background: rgba(0,0,0,.5);
}
.block-region-sidebar .block__content {
  margin: 2rem;
}

@media screen and ( min-width: 600px ) {
  .media-box-container {
    /*border: 1px solid;*/
    display: flex;
    margin: 2rem 1rem 0rem 1rem;
    justify-content: space-between;
    max-width: none;
    height: 280px;
  }
  .media-box-container .media-box-cell:first-of-type {
    margin-bottom: unset;
  }
  .media-box-container .media-box-cell {
    width: calc( 50% - 1rem );
    padding-bottom: unset;
  }
  .media-box-container.media-box-container-3-col .media-box-cell {
    width: calc( 33% - 1rem );
  }
  .media-box-container.media-box-container-4-col {
	flex-wrap: wrap;
  }
  .media-box-container.media-box-container-4-col .media-box-cell {
    width: calc( 50% - 1rem );
  }
}

@media screen and ( min-width: 992px ) {
  .media-box-container {
    height: auto;
  }
  .media-box-container .media-box-cell {
    padding-bottom: 52%;
  }
  .media-box-container.media-box-container-3-col .media-box-cell {
    padding-bottom: 32%;
  }
  .block-region-sidebar .block__content {
    margin: 0 1rem 0 0;
  }
}