h1 {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

#portrait_item {
  flex: 0 0 auto; }

#portrait {
  width: 270px;
  margin-right: 28px;
  margin-top: 8px;
  position: relative;
  top: -120px;
  left: -22px; }

#content h2 {
  margin-bottom: 0.1px;
  text-transform: none;
  margin-left: 0px;
  margin-top: 4.2em;
  letter-spacing: 0; }

#content .about-subheader {
  font-family: CoreSansD45Medium, sans-serif;
  font-size: 1em;
  line-height: 1.2em;
  padding-bottom: 0; }

#content .about-point {
  padding-top: 1.5em;
  font-size: 1.1em;
  line-height: 1.1em;
  padding-bottom: 0.2em;
  letter-spacing: 0;
  font-family: CoreSansD45Medium, sans-serif; }
  #content .about-point .bold {
    font-family: CoreSansD55Bold, sans-serif; }

#content .about-sub {
  font-family: CoreSansD35Regular, sans-serif;
  font-size: 0.9em;
  line-height: 1.1em;
  padding-bottom: 0;
  color: #706f6f; }

.about_text {
  display: flex;
  max-width: 860px; }

.about_text_text {
  flex: 1 0 200px; }

#content, #about {
  text-align: left;
  hyphens: none; }

.footer {
  display: block; }

@media screen and (max-width: 55em) {
  body, html {
    height: 100%; }
  #about, #content {
    text-align: left;
    hyphens: none; }
  #content .content-block-last {
    padding-bottom: 30px; }
  #portrait_spacer_1, #portrait_spacer_2, #portrait_spacer_3, #portrait_spacer_4 {
    margin-left: auto;
    height: 0; }
  #portrait {
    top: -71px;
    margin-left: 20px; } }

@media screen and (max-width: 45em) {
  .about_text {
    flex-direction: column;
    align-items: center; }
  #content h2 {
    margin-top: 0px; }
  #portrait_item {
    height: 365px; } }

@media screen and (max-width: 30em) {
  #portrait {
    right: 62px;
    margin-bottom: -330px;
    padding-left: 30px;
    width: 225px;
    margin-top: 31px; }
  #portrait_item {
    height: 316px; } }