/* ----------------- Custom middle ----------------- */

.custom-middle {
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  background: #efefef;
  color: #444;
}
.custom-middle__inner {
  height: 330px;
}
.region-custom-middle-first,
.region-custom-middle-second,
.region-custom-middle-third,
.region-custom-middle-fourth {
  float: left;
  width: 50%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  border: 1rem solid #efefef;
  background: #efefef;
}
.custom-middle h2 {
  font-size: 1em;
  margin-top: 0;
  padding-bottom: 3px;
  text-transform: uppercase;
  color: #910001;
  text-align: center;
  text-shadow: none;
}
.region-custom-middle-first .field--name-body p,
.region-custom-middle-second .field--name-body p,
.region-custom-middle-third .field--name-body p,
.region-custom-middle-fourth .field--name-body p {
  margin-bottom: 0;
}


@media all and (min-width: 768px) {
  .custom-middle {
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .region-custom-middle-first,
  .region-custom-middle-second,
  .region-custom-middle-third,
  .region-custom-middle-fourth {
    float: left;
    width: 25%;
  }
}

@media all and (min-width: 1200px) {
  .custom-middle h2 {
    font-size: 1.2em;
  }
}