/* Keep the biography section proportional to its content. */
#about {
  min-height: 0;
}
#about .flex-min-height-100vh {
  min-height: 0;
}
#about .width-100perc {
  padding-top: 36px;
  padding-bottom: 44px;
}
#about .padding-top-60 {
  padding-top: 56px;
}
#about .container.flex-container > .four-columns.padding-top-60 {
  flex: 1 1 0;
  width: auto;
  max-width: none;
}
#about .container.flex-container > .four-columns.padding-top-60 .column-r-margin-20 {
  margin-right: 28px;
}
#about .container.flex-container > .four-columns.padding-top-60:last-child .column-r-margin-20 {
  margin-right: 0;
}
#about .width-100perc { padding-bottom: 12px; }
#about + section .padding-top-bottom-120 { padding-top: 24px; padding-bottom: 56px; }
#about + section .padding-top-bottom-90 { padding-top: 18px; padding-bottom: 44px; }
@media (max-width: 600px) {
  #about .width-100perc {
    padding-top: 28px;
    padding-bottom: 36px;
  }
  #about .padding-top-60 { padding-top: 42px; }
  #about .container.flex-container > .four-columns.padding-top-60 {
    flex: 0 0 100%;
    width: 100%;
  }
  #about .container.flex-container > .four-columns.padding-top-60 .column-r-margin-20,
  #about .container.flex-container > .four-columns.padding-top-60:last-child .column-r-margin-20 {
    margin-right: 0;
  }
  #about .width-100perc { padding-bottom: 8px; }
  #about + section .padding-top-bottom-120 { padding-top: 18px; padding-bottom: 40px; }
  #about + section .padding-top-bottom-90 { padding-top: 12px; padding-bottom: 32px; }
}