.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: 12%;
  margin-top: -16%;
  font-family: AvenirNextHeavy;
}

.first-child {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 12%;
  padding: 0;
  background-color: #f27953;
}

.first-child-img {
  padding: 0;
  margin: 0;
}

.first-child-img img {
  height: 100%;
  width: 100%;
}

.img-under {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 4%;
  bottom: 9%;
  padding: 10px 0px 10px 0px;
  background: rgba(0, 0, 0, 0.3);
  color: white;
}

.first-child-right {
  display: flex;
  flex-direction: column;
  width: 60%;
  margin-left: 1%;
  margin-right: 5%;
}

.first-child-right h1 {
  margin-top: 2%;
  font-size: 3.7rem;
  font-family: AvenirNextHeavy;
}

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

/* SECOND CHILD */

.second-child {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0;
  background-color: #6fbdd1;
}

.second-child-img {
  width: 45%;
}

.second-child-img img {
  height: 100%;
  width: 100%;
}

.second-child-left {
  display: flex;
  flex-direction: column;
  width: 53%;
  margin-left: 1%;
  margin-right: 5%;
}

.second-child-left h1 {
  margin-top: 2%;
  font-size: 3.7rem;
  font-family: AvenirNextHeavy;
}

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

.img-under2 {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 4%;
  bottom: 9.2%;
  padding: 10px 0px 10px 0px;
  background: rgba(0, 0, 0, 0.3);
  color: white;
}

.quote {
  margin-top: 1%;
}

.end-quote {
  font-family: AvenirNextHeavy;
  font-size: 3rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1%;
}