.bodycontainer {
  position: relative;
  display: inline-block;
  margin-top: 140px; /* size of header */
  margin-left: 20vw; /* size of side-nav */
  padding-bottom: 200px;
  background-color: #ffffff;
  float: left;
}
.headerimage {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 220px;
  top: 0;
  left: 0;
}
.headerimage img {
  width: 100%;
  height: 100%;
}
.innercont {
  position: relative;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  float: left;
  margin: 100px 10% 0 10%;
  width: 80%;
}

.section {
  position: relative;
  display: inline-block;
  float: left;
  background-color: #ffffff;
  align-items: stretch;
}
.section.s1 { width: 20%; }
.section.s2 { width: 70%; }
.section.s3 { width: 10%; }

.section .authorcircle {
  position: absolute;
  display: inline-block;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px solid #a1a1a1;
  background-color: #ffffff;
  overflow: hidden;
}

.section .authorcircle img {
  width: 100%;
  height: 100%;
}

.section .title {
  position: relative;
  display: inline-block;
  float: left;
  width: 100%;
  margin: 40px 0 0;
}
.section .title h1 {
  font-size: 22px;
  font-family: sans-serif;
  font-weight: 600;
  color: #363636;
}


.section .body {
  position: relative;
  display: inline-block;
  float: left;
  width: 100%;
}
.section .body h1 {
  font-size: 17px;
  font-family: sans-serif;
  font-weight: 100;
  color: #6b6b6b;
  margin: 35px 0;
}