body main {
  display: block;
}
body main section {
  height: 100%;
  width: 100%;
  margin-bottom: 30px;
  display: flex;
}
body main section .split {
  height: 100%;
  width: 50%;
}
body main section .split .top {
  height: 70%;
  width: 100%;
  display: flex;
}
body main section .split .bottom {
  height: 30%;
  width: 100%;
  display: flex;
}
body main section .single {
  height: 100%;
  width: 100%;
  display: flex;
}
body main section .single .bottom {
  height: 30%;
  width: 100%;
  display: flex;
}

.thirds {
  height: auto;
  width: 100%;
  margin: auto;
  display: flex;
}

.half {
  width: 50%;
  height: 100%;
  margin: auto;
  display: flex;
}

.tall {
  width: auto;
  height: 100%;
  margin: auto;
}

.wide {
  width: 100%;
  height: auto;
  margin: auto;
}

.wide50 {
  width: 50%;
  height: auto;
  margin: auto;
}

.survey {
  height: 25%;
  width: auto;
  margin: auto;
}