.member-box { max-width: 400px; margin: 50px auto 0; }
@media (min-width: 992px) { .member-box { margin: 20px auto 0; } }
.member-box p { margin-bottom: 0; }
.member-box img { width: 80%; height: 80%; object-fit: cover; overflow: hidden; border-radius: 50%; }

.timeline { position: relative; padding: 0; list-style: none; }

.timeline:before { content: ""; position: absolute; top: 0; bottom: 0; left: 40px; width: 2px; margin-left: -1.5px; background-color: #f1f1f1; }

.timeline > li { position: relative; margin-bottom: 50px; min-height: 50px; }

.timeline > li:before, .timeline > li:after { content: " "; display: table; }

.timeline > li:after { clear: both; }

.timeline > li .timeline-panel { float: right; position: relative; width: 100%; padding: 0 20px 0 100px; text-align: left; }

.timeline > li .timeline-panel:before { right: auto; left: -15px; border-right-width: 15px; border-left-width: 0; }

.timeline > li .timeline-panel:after { right: auto; left: -14px; border-right-width: 14px; border-left-width: 0; }

.timeline > li .timeline-image { z-index: 100; position: absolute; left: 0; width: 80px; height: 80px; margin-left: 0; border: 7px solid #f1f1f1; border-radius: 100%; text-align: center; color: #fff; background-color: #f1f1f1; }

.timeline > li .timeline-image h4 { margin-top: 12px; font-size: 10px; line-height: 14px; }

.timeline > li.timeline-inverted > .timeline-panel { float: right; padding: 0 20px 0 100px; text-align: left; }

.timeline > li.timeline-inverted > .timeline-panel:before { right: auto; left: -15px; border-right-width: 15px; border-left-width: 0; }

.timeline > li.timeline-inverted > .timeline-panel:after { right: auto; left: -14px; border-right-width: 14px; border-left-width: 0; }

.timeline > li:last-child { margin-bottom: 0; }

.timeline .timeline-heading h4 { margin-top: 0; color: inherit; }

.timeline .timeline-heading h4.subheading { text-transform: none; }

.timeline .timeline-body > p, .timeline .timeline-body > ul { margin-bottom: 0; }

.timeline a { color: black; }

@media (min-width: 768px) { .timeline:before { left: 50%; }
  .timeline > li { margin-bottom: 100px; min-height: 100px; }
  .timeline > li .timeline-panel { float: left; width: 41%; padding: 0 20px 20px 30px; text-align: right; }
  .timeline > li .timeline-image { left: 50%; width: 100px; height: 100px; margin-left: -50px; }
  .timeline > li .timeline-image h4 { margin-top: 16px; font-size: 13px; line-height: 18px; }
  .timeline > li.timeline-inverted > .timeline-panel { float: right; padding: 0 30px 20px 20px; text-align: left; } }
@media (min-width: 992px) { .timeline > li { min-height: 150px; }
  .timeline > li .timeline-panel { padding: 0 20px 20px; }
  .timeline > li .timeline-image { width: 150px; height: 150px; margin-left: -75px; }
  .timeline > li .timeline-image h4 { margin-top: 30px; font-size: 18px; line-height: 26px; }
  .timeline > li.timeline-inverted > .timeline-panel { padding: 0 20px 20px; } }
@media (min-width: 1200px) { .timeline > li { min-height: 170px; }
  .timeline > li .timeline-panel { padding: 0 20px 20px 100px; }
  .timeline > li .timeline-image { width: 170px; height: 170px; margin-left: -85px; }
  .timeline > li .timeline-image h4 { margin-top: 40px; }
  .timeline > li.timeline-inverted > .timeline-panel { padding: 0 100px 20px 20px; } }
.timeline-detail { position: relative; padding: 0; list-style: none; }

.timeline-detail:before { content: ""; position: absolute; top: 0; bottom: 0; left: 40px; width: 2px; margin-left: -1.5px; background-color: #f1f1f1; }

.timeline-detail > li { position: relative; margin-bottom: 50px; min-height: 50px; }

.timeline-detail > li:before, .timeline-detail > li:after { content: " "; display: table; }

.timeline-detail > li:after { clear: both; }

.timeline-detail > li .timeline-detail-panel { float: right; position: relative; width: 100%; padding: 0 20px 0 100px; text-align: left; }

.timeline-detail > li .timeline-detail-panel:before { right: auto; left: -15px; border-right-width: 15px; border-left-width: 0; }

.timeline-detail > li .timeline-detail-panel:after { right: auto; left: -14px; border-right-width: 14px; border-left-width: 0; }

.timeline-detail > li .timeline-detail-image { z-index: 100; left: 0; width: 80px; height: 80px; margin-left: 0; border: 7px solid #f1f1f1; border-radius: 100%; text-align: center; color: #fff; background-color: #f1f1f1; }

.timeline-detail > li .timeline-detail-image h4 { margin-top: 12px; font-size: 10px; line-height: 14px; }

.timeline-detail > li.timeline-detail-inverted > .timeline-detail-panel { float: right; padding: 0 20px 0 100px; text-align: left; }

.timeline-detail > li.timeline-detail-inverted > .timeline-detail-panel:before { right: auto; left: -15px; border-right-width: 15px; border-left-width: 0; }

.timeline-detail > li.timeline-detail-inverted > .timeline-detail-panel:after { right: auto; left: -14px; border-right-width: 14px; border-left-width: 0; }

.timeline-detail > li:last-child { margin-bottom: 0; }

.timeline-detail .timeline-detail-heading h4 { margin-top: 0; color: inherit; }

.timeline-detail .timeline-detail-heading h4.subheading { text-transform: none; }

.timeline-detail .timeline-detail-body > p, .timeline-detail .timeline-detail-body > ul { margin-bottom: 0; }

.timeline-detail a { color: black; }

@media (min-width: 768px) {   /*  .timeline-detail:before { left: 50%; }
*/
  .timeline-detail > li { margin-bottom: 100px; min-height: 100px; }
  .timeline-detail > li .timeline-detail-panel { float: left; width: 90%; padding: 0 20px 20px 30px; text-align: right; }
  .timeline-detail > li .timeline-detail-image { left: 50%; width: 100px; height: 100px; margin-left: -50px; }
  .timeline-detail > li .timeline-detail-image h4 { margin-top: 16px; font-size: 13px; line-height: 18px; }
  .timeline-detail > li.timeline-detail-inverted > .timeline-detail-panel { float: right; padding: 0 30px 20px 20px; text-align: left; } }
@media (min-width: 992px) { .timeline-detail > li { min-height: 150px; }
  .timeline-detail > li .timeline-detail-panel { padding: 0 20px 20px; }
  .timeline-detail > li .timeline-detail-image { width: 150px; height: 150px; }
  .timeline-detail > li .timeline-detail-image h4 { margin-top: 30px; font-size: 18px; line-height: 26px; }
  .timeline-detail > li.timeline-detail-inverted > .timeline-detail-panel { padding: 0 20px 20px; } }
@media (min-width: 1200px) { .timeline-detail > li { min-height: 170px; }
  .timeline-detail > li .timeline-detail-panel { padding: 0 20px 20px 100px; }
  .timeline-detail > li .timeline-detail-image { width: 170px; height: 170px; }
  .timeline-detail > li .timeline-detail-image h4 { margin-top: 40px; }
  .timeline-detail > li.timeline-detail-inverted > .timeline-detail-panel { padding: 0 100px 20px 20px; } }
.pagehead { height: 15em !important; min-height: 15em !important; }

.page-section-smaller { padding: 2rem 0; }

ul.icons { cursor: default; list-style: none; padding-left: 0; }
ul.icons li { display: inline-block; padding: 0 1em 0 0; }
ul.icons li:last-child { padding-right: 0 !important; }
ul.icons.bulleted li { padding-left: 2em; position: relative; display: block; }
ul.icons.bulleted li.icon:before { left: 0; position: absolute; top: 0; }
ul.icons.bulleted li > :last-child { margin-bottom: 1em; }