body {
  background-color: #EEEEEE;
}

section.opening {
  position: relative;
  height: 85vh;
  background-image: url("../images/economist/opening.jpg");
  background-repeat: no-repeat;
  background-position: center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
section.opening::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #171717;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25;
}
section.opening > .container {
  position: relative;
  height: 100%;
  z-index: 1;
}
section.opening > .container > .row {
  height: 100%;
  padding-top: 100px;
  padding-bottom: 200px;
  align-items: center;
}
section.opening > .container > .row h1, section.opening > .container > .row h2 {
  text-shadow: 0 0 0.25em rgba(23, 23, 23, 0.75);
}
section.opening > .container > .row h1::before, section.opening > .container > .row h2::before {
  content: "";
  display: block;
  height: 0.075em;
}
section.content {
  position: relative;
  margin-top: -100px;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  section.content .container {
    background-color: #fff;
  }
}
@media screen and (max-width: 1023px) {
  section.content .display-flex {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
  }
}

.feature-group .feature-item {
  background-color: #EEEEEE;
}
.feature-group .feature-item img {
  width: 50%;
}

form label,
form input[type*='text'],
form input[type*='email'],
form input[type*='tel'],
form select {
  display: block;
  width: 100%;
  font-size: 1rem;
}
form button {
  padding: 13px 50px;
  color: #fff;
  font-size: 1rem;
  background-color: #003a9f;
}
form button:hover {
  background-color: #9D0505;
}
form .form__group .form__group__input:focus {
  border-color: #003a9f;
}