body {
  font-size: 54px;
  font-weight: 700;
  padding: 50px 50px;
}

.text_block {
  top: calc((100% - 64px) / 2);
  left: 38%;
  position: absolute;
}

.float_header {
  height: 150px;
  width: 100%;
  background-color: rgb(77, 180, 200);
  text-align: center;
  position: relative;
}

.float_text {
  height: 525px;
  width: 70%;
  background-color: rgb(167, 207, 108);

  text-align: center;
  float: left;
  position: relative;
}

.float_img {
  height: 525px;
  width: 30%;
  background-color: rgb(85, 115, 74);
  text-align: center;
  float: right;
  position: relative;
}

.float_footer {
  height: 125px;
  width: 100%;
  background-color: rgb(64, 230, 186);
  text-align: center;
  float: right;
  position: relative;
}

.flex_container {
  display: flex;
  flex-direction: column;
  margin-top: 700px;
}

.flex_header {
  height: 150px;
  width: 100%;
  background-color: rgb(77, 180, 200);
  text-align: center;
  position: relative;
}

.flex_container_row {
  display: flex;
}

.flex_img {
  position: relative;
  height: 525px;
  width: 30%;
  background-color: rgb(85, 115, 74);
  text-align: center;
}

.flex_text {
  position: relative;
  height: 525px;
  width: 70%;
  background-color: rgb(167, 207, 108);
  text-align: center;
}
.flex_footer {
  position: relative;
  height: 125px;
  width: 100%;
  background-color: rgb(64, 230, 186);
  text-align: center;
}