/******************************************************************************
* ABOUT PAGE
******************************************************************************/

/* 
  Typography
  - Baseline: 20px;
  - Modular scale: 1.333 ("perfect fourth" on modularscale.com)
*/

#about-page {
    padding: 0 40px 20px 40px;
    width: auto;
    font-family: Helvetica;
    font-size: 20px;
}

#about-page h2,
#about-page h3,
#about-page h4 {
    padding: 0;
    letter-spacing: -1px;
}

#about-page h2 {
    margin: 40px 0 0 0;
    font-size: 47.372px;
    line-height: 60px;
}

#about-page h3 {
    margin: 40px 0 0 0;
    font-size: 35.538px;
    line-height: 40px;
}

#about-page h4 {
    margin: 10px 0 0 0;
    font-size: 26.66px;
    line-height: 30px;
    border: none;
}

#about-page p {
    margin: 15px 0;
    padding: 0;
    line-height: 25px;
}

#about-page .clear {
    clear: both;
}

#about-page ol {
    margin: 0;
    padding: 0 20px;
}

#about-page .flex-center {
    display: flex;
    width: 100%;
    justify-content: center;
}

#about-page div.float-right {
    float: right;
}

/* Default: single image */
#about-page .img__wrapper, 
#about-page .img {
    padding: 10px 0 10px 0;
    width: 750px;
}

/* 2 images side-by-side (2 columns) */
#about-page .img-2col__wrapper,
#about-page .img-2col {
    width: 400px;
}

#about-page .img-2col__wrapper {
    float: left;
    padding: 0 15px;
}

#about-page .img__caption {
    padding: 0 0 10px 0;
    font-size: 16px;
    line-height: 18px;
    color: #777;
}

#about-page .info-table {
    margin: 40px auto;
    width: 600px;
    background: #f0f0f0;
}

#about-page .info-table td {
    margin: 0;
    padding: 10px 15px;
}

#about-page .info-table p {
    font-size: 16px;
    line-height: 20px;
}

#about-page .info-table__img {
    width: 350px;
}