.top {
  margin-top: 2%;
}

.top img {
  position: relative;
  z-index: 1;
  width: 100%;
}

.top h1 {
  position: relative;
  z-index: 1;
  font-size: 3.5vw;
  margin-left: 44%;
  margin-top: -16%;
  font-family: AvenirNextHeavy;
}

/* FIRST CHILD */

.first-child {
  padding-left: 3%;
  padding-right: 2%;
  padding-bottom: 1%;
  font-size: 20px;
}

.first-child h1 {
  padding-top: 15%;
  margin-bottom: 2%;
  font-size: 3rem;
  font-family: AvenirNextHeavy;
  text-transform: uppercase;
}

.first-child p {
  margin-top: 0.5%;
  margin-bottom: 2%;
}

/* SECOND CHILD */

.second-child {
  background-color: #f27853;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 1%;
  font-size: 20px;
}

.second-child h1 {
  padding-top: 2%;
  margin-bottom: 2%;
  font-size: 3rem;
  font-family: AvenirNextHeavy;
  text-transform: uppercase;
}

.second-child p {
  margin-left: 1%;
}

.second-child h3 {
  font-family: AvenirNextHeavy;
  margin-top: 2%;
}

/* THIRD CHILD */

.third-child {
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 1%;
  font-size: 20px;
}

.third-child h1 {
  padding-top: 2%;
  margin-bottom: 2%;
  font-size: 3rem;
  font-family: AvenirNextHeavy;
  text-transform: uppercase;
}

.third-child h3 {
  font-family: AvenirNextHeavy;
  margin-top: 2%;
}

/* FOUR CHILD */

.four-child {
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 2%;
  font-size: 20px;
  background-color: #6fbdd1;
}

.four-child h1 {
  padding-top: 2%;
  margin-bottom: 2%;
  font-size: 3rem;
  font-family: AvenirNextHeavy;
  text-transform: uppercase;
}

.four-child h3 {
  font-family: AvenirNextHeavy;
  margin-top: 2%;
}