@charset "UTF-8";
/* 
  Theme Name: Gallagher & Associates – 2019
  Description: The 2019 site design for Gallagher & Associates
  Author: Extended Play
  Author URI: http://ep-ny.com
  Version: 2.0
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b1 | 201101 
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define visible focus styles! 
:focus {
  outline: ?????;
} */
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, *::after, *::before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.row {
  display: block;
  margin-left: -10px;
  margin-left: -0.625rem;
  margin-right: -10px;
  margin-right: -0.625rem;
}
.row::after {
  clear: both;
  content: "";
  display: table;
}
.row::after {
  clear: both;
  content: "";
  display: table;
}
.row.collapse {
  margin-left: 0;
  margin-right: 0;
}

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: -10px;
  margin-left: -0.625rem;
  margin-right: -10px;
  margin-right: -0.625rem;
}
.flex-row::after {
  clear: both;
  content: "";
  display: table;
}
.flex-row::after {
  clear: both;
  content: "";
  display: table;
}
.flex-row.collapse {
  margin-left: 0;
  margin-right: 0;
}

.columns, #next-prev-posts .news-card, #archive-projects .project-card, #page-contact .office-card {
  display: block;
  float: left;
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
}
.columns.collapse, #next-prev-posts .collapse.news-card, #archive-projects .collapse.project-card, #page-contact .collapse.office-card {
  margin-left: -10px;
  margin-left: -0.625rem;
  margin-right: -10px;
  margin-right: -0.625rem;
}
.columns.collapse-right, #next-prev-posts .collapse-right.news-card, #archive-projects .collapse-right.project-card, #page-contact .collapse-right.office-card {
  margin-right: -10px;
  margin-right: -0.625rem;
}
.columns.collapse-left, #next-prev-posts .collapse-left.news-card, #archive-projects .collapse-left.project-card, #page-contact .collapse-left.office-card {
  margin-left: -10px;
  margin-left: -0.625rem;
}

.flex-columns, #page-about .person-card, #single-post #more-posts .project-update-card, #single-project #related-projects .project-card {
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
}

.row.collapse .columns, .row.collapse #next-prev-posts .news-card, #next-prev-posts .row.collapse .news-card, .row.collapse #archive-projects .project-card, #archive-projects .row.collapse .project-card, .row.collapse #page-contact .office-card, #page-contact .row.collapse .office-card,
.flex-row.collapse .flex-columns,
.flex-row.collapse #page-about .person-card,
#page-about .flex-row.collapse .person-card,
.flex-row.collapse #single-post #more-posts .project-update-card,
#single-post #more-posts .flex-row.collapse .project-update-card,
.flex-row.collapse #single-project #related-projects .project-card,
#single-project #related-projects .flex-row.collapse .project-card {
  padding-left: 0;
  padding-right: 0;
}

.small-1 {
  width: 8.3333333333%;
}
.small-1.flex-columns, #page-about .small-1.person-card, #single-post #more-posts .small-1.project-update-card, #single-project #related-projects .small-1.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.3333333333%;
          flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.small-2 {
  width: 16.6666666667%;
}
.small-2.flex-columns, #page-about .small-2.person-card, #single-post #more-posts .small-2.project-update-card, #single-project #related-projects .small-2.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.small-3 {
  width: 25%;
}
.small-3.flex-columns, #page-about .small-3.person-card, #single-post #more-posts .small-3.project-update-card, #single-project #related-projects .small-3.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.small-4 {
  width: 33.3333333333%;
}
.small-4.flex-columns, #page-about .small-4.person-card, #single-post #more-posts .small-4.project-update-card, #single-project #related-projects .small-4.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.small-5 {
  width: 41.6666666667%;
}
.small-5.flex-columns, #page-about .small-5.person-card, #single-post #more-posts .small-5.project-update-card, #single-project #related-projects .small-5.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.small-6, #archive-projects .project-card, #page-about .person-card, #single-project #related-projects .project-card {
  width: 50%;
}
.small-6.flex-columns, #archive-projects .flex-columns.project-card, #archive-projects #single-post #more-posts .project-card.project-update-card, #single-post #more-posts #archive-projects .project-card.project-update-card, #page-about .person-card, #single-post #more-posts .small-6.project-update-card, #single-post #more-posts #page-about .project-update-card.person-card, #page-about #single-post #more-posts .project-update-card.person-card, #single-project #related-projects .project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.small-7 {
  width: 58.3333333333%;
}
.small-7.flex-columns, #page-about .small-7.person-card, #single-post #more-posts .small-7.project-update-card, #single-project #related-projects .small-7.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.small-8 {
  width: 66.6666666667%;
}
.small-8.flex-columns, #page-about .small-8.person-card, #single-post #more-posts .small-8.project-update-card, #single-project #related-projects .small-8.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.small-9 {
  width: 75%;
}
.small-9.flex-columns, #page-about .small-9.person-card, #single-post #more-posts .small-9.project-update-card, #single-project #related-projects .small-9.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.small-10 {
  width: 83.3333333333%;
}
.small-10.flex-columns, #page-about .small-10.person-card, #single-post #more-posts .small-10.project-update-card, #single-project #related-projects .small-10.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.small-11 {
  width: 91.6666666667%;
}
.small-11.flex-columns, #page-about .small-11.person-card, #single-post #more-posts .small-11.project-update-card, #single-project #related-projects .small-11.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.6666666667%;
          flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.small-12, #next-prev-posts .news-card, #page-contact .office-card, #single-post #more-posts .project-update-card {
  width: 100%;
}
.small-12.flex-columns, #next-prev-posts .flex-columns.news-card, #next-prev-posts #page-about .news-card.person-card, #page-about #next-prev-posts .news-card.person-card, #next-prev-posts #single-project #related-projects .news-card.project-card, #single-project #related-projects #next-prev-posts .news-card.project-card, #page-about .small-12.person-card, #page-about #page-contact .person-card.office-card, #page-contact #page-about .person-card.office-card, #page-contact .flex-columns.office-card, #page-contact #single-project #related-projects .office-card.project-card, #single-project #related-projects #page-contact .office-card.project-card, #single-post #more-posts .project-update-card, #single-project #related-projects .small-12.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .medium-1 {
    width: 8.3333333333%;
  }
  .medium-1.flex-columns, #page-about .medium-1.person-card, #single-post #more-posts .medium-1.project-update-card, #single-project #related-projects .medium-1.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-2 {
    width: 16.6666666667%;
  }
  .medium-2.flex-columns, #page-about .medium-2.person-card, #single-post #more-posts .medium-2.project-update-card, #single-project #related-projects .medium-2.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-3 {
    width: 25%;
  }
  .medium-3.flex-columns, #page-about .medium-3.person-card, #single-post #more-posts .medium-3.project-update-card, #single-project #related-projects .medium-3.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 768px) {
  .medium-4, #page-about .person-card, #single-project #related-projects .project-card {
    width: 33.3333333333%;
  }
  .medium-4.flex-columns, #page-about .person-card, #single-post #more-posts .medium-4.project-update-card, #single-post #more-posts #page-about .project-update-card.person-card, #page-about #single-post #more-posts .project-update-card.person-card, #single-project #related-projects .project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-5 {
    width: 41.6666666667%;
  }
  .medium-5.flex-columns, #page-about .medium-5.person-card, #single-post #more-posts .medium-5.project-update-card, #single-project #related-projects .medium-5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-6, #next-prev-posts .news-card, #page-contact .office-card, #single-post #more-posts .project-update-card {
    width: 50%;
  }
  .medium-6.flex-columns, #next-prev-posts .flex-columns.news-card, #next-prev-posts #page-about .news-card.person-card, #page-about #next-prev-posts .news-card.person-card, #next-prev-posts #single-project #related-projects .news-card.project-card, #single-project #related-projects #next-prev-posts .news-card.project-card, #page-about .medium-6.person-card, #page-about #page-contact .person-card.office-card, #page-contact #page-about .person-card.office-card, #page-contact .flex-columns.office-card, #page-contact #single-project #related-projects .office-card.project-card, #single-project #related-projects #page-contact .office-card.project-card, #single-post #more-posts .project-update-card, #single-project #related-projects .medium-6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .medium-7 {
    width: 58.3333333333%;
  }
  .medium-7.flex-columns, #page-about .medium-7.person-card, #single-post #more-posts .medium-7.project-update-card, #single-project #related-projects .medium-7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-8 {
    width: 66.6666666667%;
  }
  .medium-8.flex-columns, #page-about .medium-8.person-card, #single-post #more-posts .medium-8.project-update-card, #single-project #related-projects .medium-8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-9 {
    width: 75%;
  }
  .medium-9.flex-columns, #page-about .medium-9.person-card, #single-post #more-posts .medium-9.project-update-card, #single-project #related-projects .medium-9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 768px) {
  .medium-10 {
    width: 83.3333333333%;
  }
  .medium-10.flex-columns, #page-about .medium-10.person-card, #single-post #more-posts .medium-10.project-update-card, #single-project #related-projects .medium-10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-11 {
    width: 91.6666666667%;
  }
  .medium-11.flex-columns, #page-about .medium-11.person-card, #single-post #more-posts .medium-11.project-update-card, #single-project #related-projects .medium-11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-12 {
    width: 100%;
  }
  .medium-12.flex-columns, #page-about .medium-12.person-card, #single-post #more-posts .medium-12.project-update-card, #single-project #related-projects .medium-12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-1 {
    width: 8.3333333333%;
  }
  .large-1.flex-columns, #page-about .large-1.person-card, #single-post #more-posts .large-1.project-update-card, #single-project #related-projects .large-1.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-2, #page-about .person-card {
    width: 16.6666666667%;
  }
  .large-2.flex-columns, #page-about .person-card, #single-post #more-posts .large-2.project-update-card, #single-post #more-posts #page-about .project-update-card.person-card, #page-about #single-post #more-posts .project-update-card.person-card, #single-project #related-projects .large-2.project-card, #single-project #related-projects #page-about .project-card.person-card, #page-about #single-project #related-projects .project-card.person-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-3, #archive-projects .project-card, #single-post #more-posts .project-update-card, #single-project #related-projects .project-card {
    width: 25%;
  }
  .large-3.flex-columns, #archive-projects .flex-columns.project-card, #archive-projects #page-about .project-card.person-card, #page-about #archive-projects .project-card.person-card, #page-about .large-3.person-card, #single-post #more-posts .project-update-card, #single-project #related-projects .project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .large-4 {
    width: 33.3333333333%;
  }
  .large-4.flex-columns, #page-about .large-4.person-card, #single-post #more-posts .large-4.project-update-card, #single-project #related-projects .large-4.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-5 {
    width: 41.6666666667%;
  }
  .large-5.flex-columns, #page-about .large-5.person-card, #single-post #more-posts .large-5.project-update-card, #single-project #related-projects .large-5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-6 {
    width: 50%;
  }
  .large-6.flex-columns, #page-about .large-6.person-card, #single-post #more-posts .large-6.project-update-card, #single-project #related-projects .large-6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .large-7 {
    width: 58.3333333333%;
  }
  .large-7.flex-columns, #page-about .large-7.person-card, #single-post #more-posts .large-7.project-update-card, #single-project #related-projects .large-7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-8 {
    width: 66.6666666667%;
  }
  .large-8.flex-columns, #page-about .large-8.person-card, #single-post #more-posts .large-8.project-update-card, #single-project #related-projects .large-8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-9 {
    width: 75%;
  }
  .large-9.flex-columns, #page-about .large-9.person-card, #single-post #more-posts .large-9.project-update-card, #single-project #related-projects .large-9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 1024px) {
  .large-10 {
    width: 83.3333333333%;
  }
  .large-10.flex-columns, #page-about .large-10.person-card, #single-post #more-posts .large-10.project-update-card, #single-project #related-projects .large-10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-11 {
    width: 91.6666666667%;
  }
  .large-11.flex-columns, #page-about .large-11.person-card, #single-post #more-posts .large-11.project-update-card, #single-project #related-projects .large-11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-12 {
    width: 100%;
  }
  .large-12.flex-columns, #page-about .large-12.person-card, #single-post #more-posts .large-12.project-update-card, #single-project #related-projects .large-12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-1.flex-columns, #page-about .xlarge-1.person-card, #single-post #more-posts .xlarge-1.project-update-card, #single-project #related-projects .xlarge-1.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-2.flex-columns, #page-about .xlarge-2.person-card, #single-post #more-posts .xlarge-2.project-update-card, #single-project #related-projects .xlarge-2.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-3 {
    width: 25%;
  }
  .xlarge-3.flex-columns, #page-about .xlarge-3.person-card, #single-post #more-posts .xlarge-3.project-update-card, #single-project #related-projects .xlarge-3.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-4.flex-columns, #page-about .xlarge-4.person-card, #single-post #more-posts .xlarge-4.project-update-card, #single-project #related-projects .xlarge-4.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-5.flex-columns, #page-about .xlarge-5.person-card, #single-post #more-posts .xlarge-5.project-update-card, #single-project #related-projects .xlarge-5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-6 {
    width: 50%;
  }
  .xlarge-6.flex-columns, #page-about .xlarge-6.person-card, #single-post #more-posts .xlarge-6.project-update-card, #single-project #related-projects .xlarge-6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-7.flex-columns, #page-about .xlarge-7.person-card, #single-post #more-posts .xlarge-7.project-update-card, #single-project #related-projects .xlarge-7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-8.flex-columns, #page-about .xlarge-8.person-card, #single-post #more-posts .xlarge-8.project-update-card, #single-project #related-projects .xlarge-8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-9 {
    width: 75%;
  }
  .xlarge-9.flex-columns, #page-about .xlarge-9.person-card, #single-post #more-posts .xlarge-9.project-update-card, #single-project #related-projects .xlarge-9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-10.flex-columns, #page-about .xlarge-10.person-card, #single-post #more-posts .xlarge-10.project-update-card, #single-project #related-projects .xlarge-10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-11.flex-columns, #page-about .xlarge-11.person-card, #single-post #more-posts .xlarge-11.project-update-card, #single-project #related-projects .xlarge-11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-12 {
    width: 100%;
  }
  .xlarge-12.flex-columns, #page-about .xlarge-12.person-card, #single-post #more-posts .xlarge-12.project-update-card, #single-project #related-projects .xlarge-12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-1.flex-columns, #page-about .xxlarge-1.person-card, #single-post #more-posts .xxlarge-1.project-update-card, #single-project #related-projects .xxlarge-1.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-2.flex-columns, #page-about .xxlarge-2.person-card, #single-post #more-posts .xxlarge-2.project-update-card, #single-project #related-projects .xxlarge-2.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-3 {
    width: 25%;
  }
  .xxlarge-3.flex-columns, #page-about .xxlarge-3.person-card, #single-post #more-posts .xxlarge-3.project-update-card, #single-project #related-projects .xxlarge-3.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-4.flex-columns, #page-about .xxlarge-4.person-card, #single-post #more-posts .xxlarge-4.project-update-card, #single-project #related-projects .xxlarge-4.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-5.flex-columns, #page-about .xxlarge-5.person-card, #single-post #more-posts .xxlarge-5.project-update-card, #single-project #related-projects .xxlarge-5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-6 {
    width: 50%;
  }
  .xxlarge-6.flex-columns, #page-about .xxlarge-6.person-card, #single-post #more-posts .xxlarge-6.project-update-card, #single-project #related-projects .xxlarge-6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-7.flex-columns, #page-about .xxlarge-7.person-card, #single-post #more-posts .xxlarge-7.project-update-card, #single-project #related-projects .xxlarge-7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-8.flex-columns, #page-about .xxlarge-8.person-card, #single-post #more-posts .xxlarge-8.project-update-card, #single-project #related-projects .xxlarge-8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-9 {
    width: 75%;
  }
  .xxlarge-9.flex-columns, #page-about .xxlarge-9.person-card, #single-post #more-posts .xxlarge-9.project-update-card, #single-project #related-projects .xxlarge-9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-10.flex-columns, #page-about .xxlarge-10.person-card, #single-post #more-posts .xxlarge-10.project-update-card, #single-project #related-projects .xxlarge-10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-11.flex-columns, #page-about .xxlarge-11.person-card, #single-post #more-posts .xxlarge-11.project-update-card, #single-project #related-projects .xxlarge-11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-12 {
    width: 100%;
  }
  .xxlarge-12.flex-columns, #page-about .xxlarge-12.person-card, #single-post #more-posts .xxlarge-12.project-update-card, #single-project #related-projects .xxlarge-12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.small-1of1 {
  width: 100%;
}
.small-1of1.flex-columns, #page-about .small-1of1.person-card, #single-post #more-posts .small-1of1.project-update-card, #single-project #related-projects .small-1of1.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.small-1of2 {
  width: 50%;
}
.small-1of2.flex-columns, #page-about .small-1of2.person-card, #single-post #more-posts .small-1of2.project-update-card, #single-project #related-projects .small-1of2.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.small-2of2 {
  width: 100%;
}
.small-2of2.flex-columns, #page-about .small-2of2.person-card, #single-post #more-posts .small-2of2.project-update-card, #single-project #related-projects .small-2of2.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.small-1of3 {
  width: 33.3333333333%;
}
.small-1of3.flex-columns, #page-about .small-1of3.person-card, #single-post #more-posts .small-1of3.project-update-card, #single-project #related-projects .small-1of3.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.small-2of3 {
  width: 66.6666666667%;
}
.small-2of3.flex-columns, #page-about .small-2of3.person-card, #single-post #more-posts .small-2of3.project-update-card, #single-project #related-projects .small-2of3.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.small-3of3 {
  width: 100%;
}
.small-3of3.flex-columns, #page-about .small-3of3.person-card, #single-post #more-posts .small-3of3.project-update-card, #single-project #related-projects .small-3of3.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.small-1of4 {
  width: 25%;
}
.small-1of4.flex-columns, #page-about .small-1of4.person-card, #single-post #more-posts .small-1of4.project-update-card, #single-project #related-projects .small-1of4.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.small-2of4 {
  width: 50%;
}
.small-2of4.flex-columns, #page-about .small-2of4.person-card, #single-post #more-posts .small-2of4.project-update-card, #single-project #related-projects .small-2of4.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.small-3of4 {
  width: 75%;
}
.small-3of4.flex-columns, #page-about .small-3of4.person-card, #single-post #more-posts .small-3of4.project-update-card, #single-project #related-projects .small-3of4.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.small-4of4 {
  width: 100%;
}
.small-4of4.flex-columns, #page-about .small-4of4.person-card, #single-post #more-posts .small-4of4.project-update-card, #single-project #related-projects .small-4of4.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.small-1of5 {
  width: 20%;
}
.small-1of5.flex-columns, #page-about .small-1of5.person-card, #single-post #more-posts .small-1of5.project-update-card, #single-project #related-projects .small-1of5.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}

.small-2of5 {
  width: 40%;
}
.small-2of5.flex-columns, #page-about .small-2of5.person-card, #single-post #more-posts .small-2of5.project-update-card, #single-project #related-projects .small-2of5.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  max-width: 40%;
}

.small-3of5 {
  width: 60%;
}
.small-3of5.flex-columns, #page-about .small-3of5.person-card, #single-post #more-posts .small-3of5.project-update-card, #single-project #related-projects .small-3of5.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  max-width: 60%;
}

.small-4of5 {
  width: 80%;
}
.small-4of5.flex-columns, #page-about .small-4of5.person-card, #single-post #more-posts .small-4of5.project-update-card, #single-project #related-projects .small-4of5.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  max-width: 80%;
}

.small-5of5 {
  width: 100%;
}
.small-5of5.flex-columns, #page-about .small-5of5.person-card, #single-post #more-posts .small-5of5.project-update-card, #single-project #related-projects .small-5of5.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.small-1of6 {
  width: 16.6666666667%;
}
.small-1of6.flex-columns, #page-about .small-1of6.person-card, #single-post #more-posts .small-1of6.project-update-card, #single-project #related-projects .small-1of6.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.small-2of6 {
  width: 33.3333333333%;
}
.small-2of6.flex-columns, #page-about .small-2of6.person-card, #single-post #more-posts .small-2of6.project-update-card, #single-project #related-projects .small-2of6.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.small-3of6 {
  width: 50%;
}
.small-3of6.flex-columns, #page-about .small-3of6.person-card, #single-post #more-posts .small-3of6.project-update-card, #single-project #related-projects .small-3of6.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.small-4of6 {
  width: 66.6666666667%;
}
.small-4of6.flex-columns, #page-about .small-4of6.person-card, #single-post #more-posts .small-4of6.project-update-card, #single-project #related-projects .small-4of6.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.small-5of6 {
  width: 83.3333333333%;
}
.small-5of6.flex-columns, #page-about .small-5of6.person-card, #single-post #more-posts .small-5of6.project-update-card, #single-project #related-projects .small-5of6.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.small-6of6 {
  width: 100%;
}
.small-6of6.flex-columns, #page-about .small-6of6.person-card, #single-post #more-posts .small-6of6.project-update-card, #single-project #related-projects .small-6of6.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.small-1of7 {
  width: 14.2857142857%;
}
.small-1of7.flex-columns, #page-about .small-1of7.person-card, #single-post #more-posts .small-1of7.project-update-card, #single-project #related-projects .small-1of7.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14.2857142857%;
          flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
}

.small-2of7 {
  width: 28.5714285714%;
}
.small-2of7.flex-columns, #page-about .small-2of7.person-card, #single-post #more-posts .small-2of7.project-update-card, #single-project #related-projects .small-2of7.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 28.5714285714%;
          flex: 0 0 28.5714285714%;
  max-width: 28.5714285714%;
}

.small-3of7 {
  width: 42.8571428571%;
}
.small-3of7.flex-columns, #page-about .small-3of7.person-card, #single-post #more-posts .small-3of7.project-update-card, #single-project #related-projects .small-3of7.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 42.8571428571%;
          flex: 0 0 42.8571428571%;
  max-width: 42.8571428571%;
}

.small-4of7 {
  width: 57.1428571429%;
}
.small-4of7.flex-columns, #page-about .small-4of7.person-card, #single-post #more-posts .small-4of7.project-update-card, #single-project #related-projects .small-4of7.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 57.1428571429%;
          flex: 0 0 57.1428571429%;
  max-width: 57.1428571429%;
}

.small-5of7 {
  width: 71.4285714286%;
}
.small-5of7.flex-columns, #page-about .small-5of7.person-card, #single-post #more-posts .small-5of7.project-update-card, #single-project #related-projects .small-5of7.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 71.4285714286%;
          flex: 0 0 71.4285714286%;
  max-width: 71.4285714286%;
}

.small-6of7 {
  width: 85.7142857143%;
}
.small-6of7.flex-columns, #page-about .small-6of7.person-card, #single-post #more-posts .small-6of7.project-update-card, #single-project #related-projects .small-6of7.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 85.7142857143%;
          flex: 0 0 85.7142857143%;
  max-width: 85.7142857143%;
}

.small-7of7 {
  width: 100%;
}
.small-7of7.flex-columns, #page-about .small-7of7.person-card, #single-post #more-posts .small-7of7.project-update-card, #single-project #related-projects .small-7of7.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.small-1of8 {
  width: 12.5%;
}
.small-1of8.flex-columns, #page-about .small-1of8.person-card, #single-post #more-posts .small-1of8.project-update-card, #single-project #related-projects .small-1of8.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12.5%;
          flex: 0 0 12.5%;
  max-width: 12.5%;
}

.small-2of8 {
  width: 25%;
}
.small-2of8.flex-columns, #page-about .small-2of8.person-card, #single-post #more-posts .small-2of8.project-update-card, #single-project #related-projects .small-2of8.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.small-3of8 {
  width: 37.5%;
}
.small-3of8.flex-columns, #page-about .small-3of8.person-card, #single-post #more-posts .small-3of8.project-update-card, #single-project #related-projects .small-3of8.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 37.5%;
          flex: 0 0 37.5%;
  max-width: 37.5%;
}

.small-4of8 {
  width: 50%;
}
.small-4of8.flex-columns, #page-about .small-4of8.person-card, #single-post #more-posts .small-4of8.project-update-card, #single-project #related-projects .small-4of8.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.small-5of8 {
  width: 62.5%;
}
.small-5of8.flex-columns, #page-about .small-5of8.person-card, #single-post #more-posts .small-5of8.project-update-card, #single-project #related-projects .small-5of8.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 62.5%;
          flex: 0 0 62.5%;
  max-width: 62.5%;
}

.small-6of8 {
  width: 75%;
}
.small-6of8.flex-columns, #page-about .small-6of8.person-card, #single-post #more-posts .small-6of8.project-update-card, #single-project #related-projects .small-6of8.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.small-7of8 {
  width: 87.5%;
}
.small-7of8.flex-columns, #page-about .small-7of8.person-card, #single-post #more-posts .small-7of8.project-update-card, #single-project #related-projects .small-7of8.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 87.5%;
          flex: 0 0 87.5%;
  max-width: 87.5%;
}

.small-8of8 {
  width: 100%;
}
.small-8of8.flex-columns, #page-about .small-8of8.person-card, #single-post #more-posts .small-8of8.project-update-card, #single-project #related-projects .small-8of8.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.small-1of9 {
  width: 11.1111111111%;
}
.small-1of9.flex-columns, #page-about .small-1of9.person-card, #single-post #more-posts .small-1of9.project-update-card, #single-project #related-projects .small-1of9.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 11.1111111111%;
          flex: 0 0 11.1111111111%;
  max-width: 11.1111111111%;
}

.small-2of9 {
  width: 22.2222222222%;
}
.small-2of9.flex-columns, #page-about .small-2of9.person-card, #single-post #more-posts .small-2of9.project-update-card, #single-project #related-projects .small-2of9.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22.2222222222%;
          flex: 0 0 22.2222222222%;
  max-width: 22.2222222222%;
}

.small-3of9 {
  width: 33.3333333333%;
}
.small-3of9.flex-columns, #page-about .small-3of9.person-card, #single-post #more-posts .small-3of9.project-update-card, #single-project #related-projects .small-3of9.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.small-4of9 {
  width: 44.4444444444%;
}
.small-4of9.flex-columns, #page-about .small-4of9.person-card, #single-post #more-posts .small-4of9.project-update-card, #single-project #related-projects .small-4of9.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 44.4444444444%;
          flex: 0 0 44.4444444444%;
  max-width: 44.4444444444%;
}

.small-5of9 {
  width: 55.5555555556%;
}
.small-5of9.flex-columns, #page-about .small-5of9.person-card, #single-post #more-posts .small-5of9.project-update-card, #single-project #related-projects .small-5of9.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 55.5555555556%;
          flex: 0 0 55.5555555556%;
  max-width: 55.5555555556%;
}

.small-6of9 {
  width: 66.6666666667%;
}
.small-6of9.flex-columns, #page-about .small-6of9.person-card, #single-post #more-posts .small-6of9.project-update-card, #single-project #related-projects .small-6of9.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.small-7of9 {
  width: 77.7777777778%;
}
.small-7of9.flex-columns, #page-about .small-7of9.person-card, #single-post #more-posts .small-7of9.project-update-card, #single-project #related-projects .small-7of9.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 77.7777777778%;
          flex: 0 0 77.7777777778%;
  max-width: 77.7777777778%;
}

.small-8of9 {
  width: 88.8888888889%;
}
.small-8of9.flex-columns, #page-about .small-8of9.person-card, #single-post #more-posts .small-8of9.project-update-card, #single-project #related-projects .small-8of9.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 88.8888888889%;
          flex: 0 0 88.8888888889%;
  max-width: 88.8888888889%;
}

.small-9of9 {
  width: 100%;
}
.small-9of9.flex-columns, #page-about .small-9of9.person-card, #single-post #more-posts .small-9of9.project-update-card, #single-project #related-projects .small-9of9.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.small-1of10 {
  width: 10%;
}
.small-1of10.flex-columns, #page-about .small-1of10.person-card, #single-post #more-posts .small-1of10.project-update-card, #single-project #related-projects .small-1of10.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
  max-width: 10%;
}

.small-2of10 {
  width: 20%;
}
.small-2of10.flex-columns, #page-about .small-2of10.person-card, #single-post #more-posts .small-2of10.project-update-card, #single-project #related-projects .small-2of10.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}

.small-3of10 {
  width: 30%;
}
.small-3of10.flex-columns, #page-about .small-3of10.person-card, #single-post #more-posts .small-3of10.project-update-card, #single-project #related-projects .small-3of10.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  max-width: 30%;
}

.small-4of10 {
  width: 40%;
}
.small-4of10.flex-columns, #page-about .small-4of10.person-card, #single-post #more-posts .small-4of10.project-update-card, #single-project #related-projects .small-4of10.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  max-width: 40%;
}

.small-5of10 {
  width: 50%;
}
.small-5of10.flex-columns, #page-about .small-5of10.person-card, #single-post #more-posts .small-5of10.project-update-card, #single-project #related-projects .small-5of10.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.small-6of10 {
  width: 60%;
}
.small-6of10.flex-columns, #page-about .small-6of10.person-card, #single-post #more-posts .small-6of10.project-update-card, #single-project #related-projects .small-6of10.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  max-width: 60%;
}

.small-7of10 {
  width: 70%;
}
.small-7of10.flex-columns, #page-about .small-7of10.person-card, #single-post #more-posts .small-7of10.project-update-card, #single-project #related-projects .small-7of10.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  max-width: 70%;
}

.small-8of10 {
  width: 80%;
}
.small-8of10.flex-columns, #page-about .small-8of10.person-card, #single-post #more-posts .small-8of10.project-update-card, #single-project #related-projects .small-8of10.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  max-width: 80%;
}

.small-9of10 {
  width: 90%;
}
.small-9of10.flex-columns, #page-about .small-9of10.person-card, #single-post #more-posts .small-9of10.project-update-card, #single-project #related-projects .small-9of10.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90%;
          flex: 0 0 90%;
  max-width: 90%;
}

.small-10of10 {
  width: 100%;
}
.small-10of10.flex-columns, #page-about .small-10of10.person-card, #single-post #more-posts .small-10of10.project-update-card, #single-project #related-projects .small-10of10.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.small-1of11 {
  width: 9.0909090909%;
}
.small-1of11.flex-columns, #page-about .small-1of11.person-card, #single-post #more-posts .small-1of11.project-update-card, #single-project #related-projects .small-1of11.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 9.0909090909%;
          flex: 0 0 9.0909090909%;
  max-width: 9.0909090909%;
}

.small-2of11 {
  width: 18.1818181818%;
}
.small-2of11.flex-columns, #page-about .small-2of11.person-card, #single-post #more-posts .small-2of11.project-update-card, #single-project #related-projects .small-2of11.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18.1818181818%;
          flex: 0 0 18.1818181818%;
  max-width: 18.1818181818%;
}

.small-3of11 {
  width: 27.2727272727%;
}
.small-3of11.flex-columns, #page-about .small-3of11.person-card, #single-post #more-posts .small-3of11.project-update-card, #single-project #related-projects .small-3of11.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 27.2727272727%;
          flex: 0 0 27.2727272727%;
  max-width: 27.2727272727%;
}

.small-4of11 {
  width: 36.3636363636%;
}
.small-4of11.flex-columns, #page-about .small-4of11.person-card, #single-post #more-posts .small-4of11.project-update-card, #single-project #related-projects .small-4of11.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 36.3636363636%;
          flex: 0 0 36.3636363636%;
  max-width: 36.3636363636%;
}

.small-5of11 {
  width: 45.4545454545%;
}
.small-5of11.flex-columns, #page-about .small-5of11.person-card, #single-post #more-posts .small-5of11.project-update-card, #single-project #related-projects .small-5of11.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45.4545454545%;
          flex: 0 0 45.4545454545%;
  max-width: 45.4545454545%;
}

.small-6of11 {
  width: 54.5454545455%;
}
.small-6of11.flex-columns, #page-about .small-6of11.person-card, #single-post #more-posts .small-6of11.project-update-card, #single-project #related-projects .small-6of11.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 54.5454545455%;
          flex: 0 0 54.5454545455%;
  max-width: 54.5454545455%;
}

.small-7of11 {
  width: 63.6363636364%;
}
.small-7of11.flex-columns, #page-about .small-7of11.person-card, #single-post #more-posts .small-7of11.project-update-card, #single-project #related-projects .small-7of11.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 63.6363636364%;
          flex: 0 0 63.6363636364%;
  max-width: 63.6363636364%;
}

.small-8of11 {
  width: 72.7272727273%;
}
.small-8of11.flex-columns, #page-about .small-8of11.person-card, #single-post #more-posts .small-8of11.project-update-card, #single-project #related-projects .small-8of11.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 72.7272727273%;
          flex: 0 0 72.7272727273%;
  max-width: 72.7272727273%;
}

.small-9of11 {
  width: 81.8181818182%;
}
.small-9of11.flex-columns, #page-about .small-9of11.person-card, #single-post #more-posts .small-9of11.project-update-card, #single-project #related-projects .small-9of11.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 81.8181818182%;
          flex: 0 0 81.8181818182%;
  max-width: 81.8181818182%;
}

.small-10of11 {
  width: 90.9090909091%;
}
.small-10of11.flex-columns, #page-about .small-10of11.person-card, #single-post #more-posts .small-10of11.project-update-card, #single-project #related-projects .small-10of11.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90.9090909091%;
          flex: 0 0 90.9090909091%;
  max-width: 90.9090909091%;
}

.small-11of11 {
  width: 100%;
}
.small-11of11.flex-columns, #page-about .small-11of11.person-card, #single-post #more-posts .small-11of11.project-update-card, #single-project #related-projects .small-11of11.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.small-1of12 {
  width: 8.3333333333%;
}
.small-1of12.flex-columns, #page-about .small-1of12.person-card, #single-post #more-posts .small-1of12.project-update-card, #single-project #related-projects .small-1of12.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.3333333333%;
          flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.small-2of12 {
  width: 16.6666666667%;
}
.small-2of12.flex-columns, #page-about .small-2of12.person-card, #single-post #more-posts .small-2of12.project-update-card, #single-project #related-projects .small-2of12.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.small-3of12 {
  width: 25%;
}
.small-3of12.flex-columns, #page-about .small-3of12.person-card, #single-post #more-posts .small-3of12.project-update-card, #single-project #related-projects .small-3of12.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.small-4of12 {
  width: 33.3333333333%;
}
.small-4of12.flex-columns, #page-about .small-4of12.person-card, #single-post #more-posts .small-4of12.project-update-card, #single-project #related-projects .small-4of12.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.small-5of12 {
  width: 41.6666666667%;
}
.small-5of12.flex-columns, #page-about .small-5of12.person-card, #single-post #more-posts .small-5of12.project-update-card, #single-project #related-projects .small-5of12.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.small-6of12 {
  width: 50%;
}
.small-6of12.flex-columns, #page-about .small-6of12.person-card, #single-post #more-posts .small-6of12.project-update-card, #single-project #related-projects .small-6of12.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.small-7of12 {
  width: 58.3333333333%;
}
.small-7of12.flex-columns, #page-about .small-7of12.person-card, #single-post #more-posts .small-7of12.project-update-card, #single-project #related-projects .small-7of12.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.small-8of12 {
  width: 66.6666666667%;
}
.small-8of12.flex-columns, #page-about .small-8of12.person-card, #single-post #more-posts .small-8of12.project-update-card, #single-project #related-projects .small-8of12.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.small-9of12 {
  width: 75%;
}
.small-9of12.flex-columns, #page-about .small-9of12.person-card, #single-post #more-posts .small-9of12.project-update-card, #single-project #related-projects .small-9of12.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.small-10of12 {
  width: 83.3333333333%;
}
.small-10of12.flex-columns, #page-about .small-10of12.person-card, #single-post #more-posts .small-10of12.project-update-card, #single-project #related-projects .small-10of12.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.small-11of12 {
  width: 91.6666666667%;
}
.small-11of12.flex-columns, #page-about .small-11of12.person-card, #single-post #more-posts .small-11of12.project-update-card, #single-project #related-projects .small-11of12.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.6666666667%;
          flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.small-12of12 {
  width: 100%;
}
.small-12of12.flex-columns, #page-about .small-12of12.person-card, #single-post #more-posts .small-12of12.project-update-card, #single-project #related-projects .small-12of12.project-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .medium-1of1 {
    width: 100%;
  }
  .medium-1of1.flex-columns, #page-about .medium-1of1.person-card, #single-post #more-posts .medium-1of1.project-update-card, #single-project #related-projects .medium-1of1.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-1of2 {
    width: 50%;
  }
  .medium-1of2.flex-columns, #page-about .medium-1of2.person-card, #single-post #more-posts .medium-1of2.project-update-card, #single-project #related-projects .medium-1of2.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .medium-2of2 {
    width: 100%;
  }
  .medium-2of2.flex-columns, #page-about .medium-2of2.person-card, #single-post #more-posts .medium-2of2.project-update-card, #single-project #related-projects .medium-2of2.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-1of3 {
    width: 33.3333333333%;
  }
  .medium-1of3.flex-columns, #page-about .medium-1of3.person-card, #single-post #more-posts .medium-1of3.project-update-card, #single-project #related-projects .medium-1of3.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-2of3 {
    width: 66.6666666667%;
  }
  .medium-2of3.flex-columns, #page-about .medium-2of3.person-card, #single-post #more-posts .medium-2of3.project-update-card, #single-project #related-projects .medium-2of3.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-3of3 {
    width: 100%;
  }
  .medium-3of3.flex-columns, #page-about .medium-3of3.person-card, #single-post #more-posts .medium-3of3.project-update-card, #single-project #related-projects .medium-3of3.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-1of4 {
    width: 25%;
  }
  .medium-1of4.flex-columns, #page-about .medium-1of4.person-card, #single-post #more-posts .medium-1of4.project-update-card, #single-project #related-projects .medium-1of4.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 768px) {
  .medium-2of4 {
    width: 50%;
  }
  .medium-2of4.flex-columns, #page-about .medium-2of4.person-card, #single-post #more-posts .medium-2of4.project-update-card, #single-project #related-projects .medium-2of4.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .medium-3of4 {
    width: 75%;
  }
  .medium-3of4.flex-columns, #page-about .medium-3of4.person-card, #single-post #more-posts .medium-3of4.project-update-card, #single-project #related-projects .medium-3of4.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 768px) {
  .medium-4of4 {
    width: 100%;
  }
  .medium-4of4.flex-columns, #page-about .medium-4of4.person-card, #single-post #more-posts .medium-4of4.project-update-card, #single-project #related-projects .medium-4of4.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-1of5 {
    width: 20%;
  }
  .medium-1of5.flex-columns, #page-about .medium-1of5.person-card, #single-post #more-posts .medium-1of5.project-update-card, #single-project #related-projects .medium-1of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
}

@media screen and (min-width: 768px) {
  .medium-2of5 {
    width: 40%;
  }
  .medium-2of5.flex-columns, #page-about .medium-2of5.person-card, #single-post #more-posts .medium-2of5.project-update-card, #single-project #related-projects .medium-2of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
}

@media screen and (min-width: 768px) {
  .medium-3of5 {
    width: 60%;
  }
  .medium-3of5.flex-columns, #page-about .medium-3of5.person-card, #single-post #more-posts .medium-3of5.project-update-card, #single-project #related-projects .medium-3of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
}

@media screen and (min-width: 768px) {
  .medium-4of5 {
    width: 80%;
  }
  .medium-4of5.flex-columns, #page-about .medium-4of5.person-card, #single-post #more-posts .medium-4of5.project-update-card, #single-project #related-projects .medium-4of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
}

@media screen and (min-width: 768px) {
  .medium-5of5 {
    width: 100%;
  }
  .medium-5of5.flex-columns, #page-about .medium-5of5.person-card, #single-post #more-posts .medium-5of5.project-update-card, #single-project #related-projects .medium-5of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-1of6 {
    width: 16.6666666667%;
  }
  .medium-1of6.flex-columns, #page-about .medium-1of6.person-card, #single-post #more-posts .medium-1of6.project-update-card, #single-project #related-projects .medium-1of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-2of6 {
    width: 33.3333333333%;
  }
  .medium-2of6.flex-columns, #page-about .medium-2of6.person-card, #single-post #more-posts .medium-2of6.project-update-card, #single-project #related-projects .medium-2of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-3of6 {
    width: 50%;
  }
  .medium-3of6.flex-columns, #page-about .medium-3of6.person-card, #single-post #more-posts .medium-3of6.project-update-card, #single-project #related-projects .medium-3of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .medium-4of6 {
    width: 66.6666666667%;
  }
  .medium-4of6.flex-columns, #page-about .medium-4of6.person-card, #single-post #more-posts .medium-4of6.project-update-card, #single-project #related-projects .medium-4of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-5of6 {
    width: 83.3333333333%;
  }
  .medium-5of6.flex-columns, #page-about .medium-5of6.person-card, #single-post #more-posts .medium-5of6.project-update-card, #single-project #related-projects .medium-5of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-6of6 {
    width: 100%;
  }
  .medium-6of6.flex-columns, #page-about .medium-6of6.person-card, #single-post #more-posts .medium-6of6.project-update-card, #single-project #related-projects .medium-6of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-1of7 {
    width: 14.2857142857%;
  }
  .medium-1of7.flex-columns, #page-about .medium-1of7.person-card, #single-post #more-posts .medium-1of7.project-update-card, #single-project #related-projects .medium-1of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.2857142857%;
            flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
}

@media screen and (min-width: 768px) {
  .medium-2of7 {
    width: 28.5714285714%;
  }
  .medium-2of7.flex-columns, #page-about .medium-2of7.person-card, #single-post #more-posts .medium-2of7.project-update-card, #single-project #related-projects .medium-2of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28.5714285714%;
            flex: 0 0 28.5714285714%;
    max-width: 28.5714285714%;
  }
}

@media screen and (min-width: 768px) {
  .medium-3of7 {
    width: 42.8571428571%;
  }
  .medium-3of7.flex-columns, #page-about .medium-3of7.person-card, #single-post #more-posts .medium-3of7.project-update-card, #single-project #related-projects .medium-3of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 42.8571428571%;
            flex: 0 0 42.8571428571%;
    max-width: 42.8571428571%;
  }
}

@media screen and (min-width: 768px) {
  .medium-4of7 {
    width: 57.1428571429%;
  }
  .medium-4of7.flex-columns, #page-about .medium-4of7.person-card, #single-post #more-posts .medium-4of7.project-update-card, #single-project #related-projects .medium-4of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 57.1428571429%;
            flex: 0 0 57.1428571429%;
    max-width: 57.1428571429%;
  }
}

@media screen and (min-width: 768px) {
  .medium-5of7 {
    width: 71.4285714286%;
  }
  .medium-5of7.flex-columns, #page-about .medium-5of7.person-card, #single-post #more-posts .medium-5of7.project-update-card, #single-project #related-projects .medium-5of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 71.4285714286%;
            flex: 0 0 71.4285714286%;
    max-width: 71.4285714286%;
  }
}

@media screen and (min-width: 768px) {
  .medium-6of7 {
    width: 85.7142857143%;
  }
  .medium-6of7.flex-columns, #page-about .medium-6of7.person-card, #single-post #more-posts .medium-6of7.project-update-card, #single-project #related-projects .medium-6of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 85.7142857143%;
            flex: 0 0 85.7142857143%;
    max-width: 85.7142857143%;
  }
}

@media screen and (min-width: 768px) {
  .medium-7of7 {
    width: 100%;
  }
  .medium-7of7.flex-columns, #page-about .medium-7of7.person-card, #single-post #more-posts .medium-7of7.project-update-card, #single-project #related-projects .medium-7of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-1of8 {
    width: 12.5%;
  }
  .medium-1of8.flex-columns, #page-about .medium-1of8.person-card, #single-post #more-posts .medium-1of8.project-update-card, #single-project #related-projects .medium-1of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media screen and (min-width: 768px) {
  .medium-2of8 {
    width: 25%;
  }
  .medium-2of8.flex-columns, #page-about .medium-2of8.person-card, #single-post #more-posts .medium-2of8.project-update-card, #single-project #related-projects .medium-2of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 768px) {
  .medium-3of8 {
    width: 37.5%;
  }
  .medium-3of8.flex-columns, #page-about .medium-3of8.person-card, #single-post #more-posts .medium-3of8.project-update-card, #single-project #related-projects .medium-3of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    max-width: 37.5%;
  }
}

@media screen and (min-width: 768px) {
  .medium-4of8 {
    width: 50%;
  }
  .medium-4of8.flex-columns, #page-about .medium-4of8.person-card, #single-post #more-posts .medium-4of8.project-update-card, #single-project #related-projects .medium-4of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .medium-5of8 {
    width: 62.5%;
  }
  .medium-5of8.flex-columns, #page-about .medium-5of8.person-card, #single-post #more-posts .medium-5of8.project-update-card, #single-project #related-projects .medium-5of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    max-width: 62.5%;
  }
}

@media screen and (min-width: 768px) {
  .medium-6of8 {
    width: 75%;
  }
  .medium-6of8.flex-columns, #page-about .medium-6of8.person-card, #single-post #more-posts .medium-6of8.project-update-card, #single-project #related-projects .medium-6of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 768px) {
  .medium-7of8 {
    width: 87.5%;
  }
  .medium-7of8.flex-columns, #page-about .medium-7of8.person-card, #single-post #more-posts .medium-7of8.project-update-card, #single-project #related-projects .medium-7of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    max-width: 87.5%;
  }
}

@media screen and (min-width: 768px) {
  .medium-8of8 {
    width: 100%;
  }
  .medium-8of8.flex-columns, #page-about .medium-8of8.person-card, #single-post #more-posts .medium-8of8.project-update-card, #single-project #related-projects .medium-8of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-1of9 {
    width: 11.1111111111%;
  }
  .medium-1of9.flex-columns, #page-about .medium-1of9.person-card, #single-post #more-posts .medium-1of9.project-update-card, #single-project #related-projects .medium-1of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 11.1111111111%;
            flex: 0 0 11.1111111111%;
    max-width: 11.1111111111%;
  }
}

@media screen and (min-width: 768px) {
  .medium-2of9 {
    width: 22.2222222222%;
  }
  .medium-2of9.flex-columns, #page-about .medium-2of9.person-card, #single-post #more-posts .medium-2of9.project-update-card, #single-project #related-projects .medium-2of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 22.2222222222%;
            flex: 0 0 22.2222222222%;
    max-width: 22.2222222222%;
  }
}

@media screen and (min-width: 768px) {
  .medium-3of9 {
    width: 33.3333333333%;
  }
  .medium-3of9.flex-columns, #page-about .medium-3of9.person-card, #single-post #more-posts .medium-3of9.project-update-card, #single-project #related-projects .medium-3of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-4of9 {
    width: 44.4444444444%;
  }
  .medium-4of9.flex-columns, #page-about .medium-4of9.person-card, #single-post #more-posts .medium-4of9.project-update-card, #single-project #related-projects .medium-4of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 44.4444444444%;
            flex: 0 0 44.4444444444%;
    max-width: 44.4444444444%;
  }
}

@media screen and (min-width: 768px) {
  .medium-5of9 {
    width: 55.5555555556%;
  }
  .medium-5of9.flex-columns, #page-about .medium-5of9.person-card, #single-post #more-posts .medium-5of9.project-update-card, #single-project #related-projects .medium-5of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55.5555555556%;
            flex: 0 0 55.5555555556%;
    max-width: 55.5555555556%;
  }
}

@media screen and (min-width: 768px) {
  .medium-6of9 {
    width: 66.6666666667%;
  }
  .medium-6of9.flex-columns, #page-about .medium-6of9.person-card, #single-post #more-posts .medium-6of9.project-update-card, #single-project #related-projects .medium-6of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-7of9 {
    width: 77.7777777778%;
  }
  .medium-7of9.flex-columns, #page-about .medium-7of9.person-card, #single-post #more-posts .medium-7of9.project-update-card, #single-project #related-projects .medium-7of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 77.7777777778%;
            flex: 0 0 77.7777777778%;
    max-width: 77.7777777778%;
  }
}

@media screen and (min-width: 768px) {
  .medium-8of9 {
    width: 88.8888888889%;
  }
  .medium-8of9.flex-columns, #page-about .medium-8of9.person-card, #single-post #more-posts .medium-8of9.project-update-card, #single-project #related-projects .medium-8of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 88.8888888889%;
            flex: 0 0 88.8888888889%;
    max-width: 88.8888888889%;
  }
}

@media screen and (min-width: 768px) {
  .medium-9of9 {
    width: 100%;
  }
  .medium-9of9.flex-columns, #page-about .medium-9of9.person-card, #single-post #more-posts .medium-9of9.project-update-card, #single-project #related-projects .medium-9of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-1of10 {
    width: 10%;
  }
  .medium-1of10.flex-columns, #page-about .medium-1of10.person-card, #single-post #more-posts .medium-1of10.project-update-card, #single-project #related-projects .medium-1of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    max-width: 10%;
  }
}

@media screen and (min-width: 768px) {
  .medium-2of10 {
    width: 20%;
  }
  .medium-2of10.flex-columns, #page-about .medium-2of10.person-card, #single-post #more-posts .medium-2of10.project-update-card, #single-project #related-projects .medium-2of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
}

@media screen and (min-width: 768px) {
  .medium-3of10 {
    width: 30%;
  }
  .medium-3of10.flex-columns, #page-about .medium-3of10.person-card, #single-post #more-posts .medium-3of10.project-update-card, #single-project #related-projects .medium-3of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 30%;
  }
}

@media screen and (min-width: 768px) {
  .medium-4of10 {
    width: 40%;
  }
  .medium-4of10.flex-columns, #page-about .medium-4of10.person-card, #single-post #more-posts .medium-4of10.project-update-card, #single-project #related-projects .medium-4of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
}

@media screen and (min-width: 768px) {
  .medium-5of10 {
    width: 50%;
  }
  .medium-5of10.flex-columns, #page-about .medium-5of10.person-card, #single-post #more-posts .medium-5of10.project-update-card, #single-project #related-projects .medium-5of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .medium-6of10 {
    width: 60%;
  }
  .medium-6of10.flex-columns, #page-about .medium-6of10.person-card, #single-post #more-posts .medium-6of10.project-update-card, #single-project #related-projects .medium-6of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
}

@media screen and (min-width: 768px) {
  .medium-7of10 {
    width: 70%;
  }
  .medium-7of10.flex-columns, #page-about .medium-7of10.person-card, #single-post #more-posts .medium-7of10.project-update-card, #single-project #related-projects .medium-7of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    max-width: 70%;
  }
}

@media screen and (min-width: 768px) {
  .medium-8of10 {
    width: 80%;
  }
  .medium-8of10.flex-columns, #page-about .medium-8of10.person-card, #single-post #more-posts .medium-8of10.project-update-card, #single-project #related-projects .medium-8of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
}

@media screen and (min-width: 768px) {
  .medium-9of10 {
    width: 90%;
  }
  .medium-9of10.flex-columns, #page-about .medium-9of10.person-card, #single-post #more-posts .medium-9of10.project-update-card, #single-project #related-projects .medium-9of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    max-width: 90%;
  }
}

@media screen and (min-width: 768px) {
  .medium-10of10 {
    width: 100%;
  }
  .medium-10of10.flex-columns, #page-about .medium-10of10.person-card, #single-post #more-posts .medium-10of10.project-update-card, #single-project #related-projects .medium-10of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-1of11 {
    width: 9.0909090909%;
  }
  .medium-1of11.flex-columns, #page-about .medium-1of11.person-card, #single-post #more-posts .medium-1of11.project-update-card, #single-project #related-projects .medium-1of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 9.0909090909%;
            flex: 0 0 9.0909090909%;
    max-width: 9.0909090909%;
  }
}

@media screen and (min-width: 768px) {
  .medium-2of11 {
    width: 18.1818181818%;
  }
  .medium-2of11.flex-columns, #page-about .medium-2of11.person-card, #single-post #more-posts .medium-2of11.project-update-card, #single-project #related-projects .medium-2of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18.1818181818%;
            flex: 0 0 18.1818181818%;
    max-width: 18.1818181818%;
  }
}

@media screen and (min-width: 768px) {
  .medium-3of11 {
    width: 27.2727272727%;
  }
  .medium-3of11.flex-columns, #page-about .medium-3of11.person-card, #single-post #more-posts .medium-3of11.project-update-card, #single-project #related-projects .medium-3of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 27.2727272727%;
            flex: 0 0 27.2727272727%;
    max-width: 27.2727272727%;
  }
}

@media screen and (min-width: 768px) {
  .medium-4of11 {
    width: 36.3636363636%;
  }
  .medium-4of11.flex-columns, #page-about .medium-4of11.person-card, #single-post #more-posts .medium-4of11.project-update-card, #single-project #related-projects .medium-4of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36.3636363636%;
            flex: 0 0 36.3636363636%;
    max-width: 36.3636363636%;
  }
}

@media screen and (min-width: 768px) {
  .medium-5of11 {
    width: 45.4545454545%;
  }
  .medium-5of11.flex-columns, #page-about .medium-5of11.person-card, #single-post #more-posts .medium-5of11.project-update-card, #single-project #related-projects .medium-5of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45.4545454545%;
            flex: 0 0 45.4545454545%;
    max-width: 45.4545454545%;
  }
}

@media screen and (min-width: 768px) {
  .medium-6of11 {
    width: 54.5454545455%;
  }
  .medium-6of11.flex-columns, #page-about .medium-6of11.person-card, #single-post #more-posts .medium-6of11.project-update-card, #single-project #related-projects .medium-6of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 54.5454545455%;
            flex: 0 0 54.5454545455%;
    max-width: 54.5454545455%;
  }
}

@media screen and (min-width: 768px) {
  .medium-7of11 {
    width: 63.6363636364%;
  }
  .medium-7of11.flex-columns, #page-about .medium-7of11.person-card, #single-post #more-posts .medium-7of11.project-update-card, #single-project #related-projects .medium-7of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 63.6363636364%;
            flex: 0 0 63.6363636364%;
    max-width: 63.6363636364%;
  }
}

@media screen and (min-width: 768px) {
  .medium-8of11 {
    width: 72.7272727273%;
  }
  .medium-8of11.flex-columns, #page-about .medium-8of11.person-card, #single-post #more-posts .medium-8of11.project-update-card, #single-project #related-projects .medium-8of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72.7272727273%;
            flex: 0 0 72.7272727273%;
    max-width: 72.7272727273%;
  }
}

@media screen and (min-width: 768px) {
  .medium-9of11 {
    width: 81.8181818182%;
  }
  .medium-9of11.flex-columns, #page-about .medium-9of11.person-card, #single-post #more-posts .medium-9of11.project-update-card, #single-project #related-projects .medium-9of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 81.8181818182%;
            flex: 0 0 81.8181818182%;
    max-width: 81.8181818182%;
  }
}

@media screen and (min-width: 768px) {
  .medium-10of11 {
    width: 90.9090909091%;
  }
  .medium-10of11.flex-columns, #page-about .medium-10of11.person-card, #single-post #more-posts .medium-10of11.project-update-card, #single-project #related-projects .medium-10of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90.9090909091%;
            flex: 0 0 90.9090909091%;
    max-width: 90.9090909091%;
  }
}

@media screen and (min-width: 768px) {
  .medium-11of11 {
    width: 100%;
  }
  .medium-11of11.flex-columns, #page-about .medium-11of11.person-card, #single-post #more-posts .medium-11of11.project-update-card, #single-project #related-projects .medium-11of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-1of12 {
    width: 8.3333333333%;
  }
  .medium-1of12.flex-columns, #page-about .medium-1of12.person-card, #single-post #more-posts .medium-1of12.project-update-card, #single-project #related-projects .medium-1of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-2of12 {
    width: 16.6666666667%;
  }
  .medium-2of12.flex-columns, #page-about .medium-2of12.person-card, #single-post #more-posts .medium-2of12.project-update-card, #single-project #related-projects .medium-2of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-3of12 {
    width: 25%;
  }
  .medium-3of12.flex-columns, #page-about .medium-3of12.person-card, #single-post #more-posts .medium-3of12.project-update-card, #single-project #related-projects .medium-3of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 768px) {
  .medium-4of12 {
    width: 33.3333333333%;
  }
  .medium-4of12.flex-columns, #page-about .medium-4of12.person-card, #single-post #more-posts .medium-4of12.project-update-card, #single-project #related-projects .medium-4of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-5of12 {
    width: 41.6666666667%;
  }
  .medium-5of12.flex-columns, #page-about .medium-5of12.person-card, #single-post #more-posts .medium-5of12.project-update-card, #single-project #related-projects .medium-5of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-6of12 {
    width: 50%;
  }
  .medium-6of12.flex-columns, #page-about .medium-6of12.person-card, #single-post #more-posts .medium-6of12.project-update-card, #single-project #related-projects .medium-6of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .medium-7of12 {
    width: 58.3333333333%;
  }
  .medium-7of12.flex-columns, #page-about .medium-7of12.person-card, #single-post #more-posts .medium-7of12.project-update-card, #single-project #related-projects .medium-7of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-8of12 {
    width: 66.6666666667%;
  }
  .medium-8of12.flex-columns, #page-about .medium-8of12.person-card, #single-post #more-posts .medium-8of12.project-update-card, #single-project #related-projects .medium-8of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-9of12 {
    width: 75%;
  }
  .medium-9of12.flex-columns, #page-about .medium-9of12.person-card, #single-post #more-posts .medium-9of12.project-update-card, #single-project #related-projects .medium-9of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 768px) {
  .medium-10of12 {
    width: 83.3333333333%;
  }
  .medium-10of12.flex-columns, #page-about .medium-10of12.person-card, #single-post #more-posts .medium-10of12.project-update-card, #single-project #related-projects .medium-10of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-11of12 {
    width: 91.6666666667%;
  }
  .medium-11of12.flex-columns, #page-about .medium-11of12.person-card, #single-post #more-posts .medium-11of12.project-update-card, #single-project #related-projects .medium-11of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-12of12 {
    width: 100%;
  }
  .medium-12of12.flex-columns, #page-about .medium-12of12.person-card, #single-post #more-posts .medium-12of12.project-update-card, #single-project #related-projects .medium-12of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-1of1 {
    width: 100%;
  }
  .large-1of1.flex-columns, #page-about .large-1of1.person-card, #single-post #more-posts .large-1of1.project-update-card, #single-project #related-projects .large-1of1.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-1of2 {
    width: 50%;
  }
  .large-1of2.flex-columns, #page-about .large-1of2.person-card, #single-post #more-posts .large-1of2.project-update-card, #single-project #related-projects .large-1of2.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .large-2of2 {
    width: 100%;
  }
  .large-2of2.flex-columns, #page-about .large-2of2.person-card, #single-post #more-posts .large-2of2.project-update-card, #single-project #related-projects .large-2of2.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-1of3 {
    width: 33.3333333333%;
  }
  .large-1of3.flex-columns, #page-about .large-1of3.person-card, #single-post #more-posts .large-1of3.project-update-card, #single-project #related-projects .large-1of3.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-2of3 {
    width: 66.6666666667%;
  }
  .large-2of3.flex-columns, #page-about .large-2of3.person-card, #single-post #more-posts .large-2of3.project-update-card, #single-project #related-projects .large-2of3.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-3of3 {
    width: 100%;
  }
  .large-3of3.flex-columns, #page-about .large-3of3.person-card, #single-post #more-posts .large-3of3.project-update-card, #single-project #related-projects .large-3of3.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-1of4 {
    width: 25%;
  }
  .large-1of4.flex-columns, #page-about .large-1of4.person-card, #single-post #more-posts .large-1of4.project-update-card, #single-project #related-projects .large-1of4.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .large-2of4 {
    width: 50%;
  }
  .large-2of4.flex-columns, #page-about .large-2of4.person-card, #single-post #more-posts .large-2of4.project-update-card, #single-project #related-projects .large-2of4.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .large-3of4 {
    width: 75%;
  }
  .large-3of4.flex-columns, #page-about .large-3of4.person-card, #single-post #more-posts .large-3of4.project-update-card, #single-project #related-projects .large-3of4.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 1024px) {
  .large-4of4 {
    width: 100%;
  }
  .large-4of4.flex-columns, #page-about .large-4of4.person-card, #single-post #more-posts .large-4of4.project-update-card, #single-project #related-projects .large-4of4.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-1of5 {
    width: 20%;
  }
  .large-1of5.flex-columns, #page-about .large-1of5.person-card, #single-post #more-posts .large-1of5.project-update-card, #single-project #related-projects .large-1of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
}

@media screen and (min-width: 1024px) {
  .large-2of5 {
    width: 40%;
  }
  .large-2of5.flex-columns, #page-about .large-2of5.person-card, #single-post #more-posts .large-2of5.project-update-card, #single-project #related-projects .large-2of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
}

@media screen and (min-width: 1024px) {
  .large-3of5 {
    width: 60%;
  }
  .large-3of5.flex-columns, #page-about .large-3of5.person-card, #single-post #more-posts .large-3of5.project-update-card, #single-project #related-projects .large-3of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
}

@media screen and (min-width: 1024px) {
  .large-4of5 {
    width: 80%;
  }
  .large-4of5.flex-columns, #page-about .large-4of5.person-card, #single-post #more-posts .large-4of5.project-update-card, #single-project #related-projects .large-4of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
}

@media screen and (min-width: 1024px) {
  .large-5of5 {
    width: 100%;
  }
  .large-5of5.flex-columns, #page-about .large-5of5.person-card, #single-post #more-posts .large-5of5.project-update-card, #single-project #related-projects .large-5of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-1of6 {
    width: 16.6666666667%;
  }
  .large-1of6.flex-columns, #page-about .large-1of6.person-card, #single-post #more-posts .large-1of6.project-update-card, #single-project #related-projects .large-1of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-2of6 {
    width: 33.3333333333%;
  }
  .large-2of6.flex-columns, #page-about .large-2of6.person-card, #single-post #more-posts .large-2of6.project-update-card, #single-project #related-projects .large-2of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-3of6 {
    width: 50%;
  }
  .large-3of6.flex-columns, #page-about .large-3of6.person-card, #single-post #more-posts .large-3of6.project-update-card, #single-project #related-projects .large-3of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .large-4of6 {
    width: 66.6666666667%;
  }
  .large-4of6.flex-columns, #page-about .large-4of6.person-card, #single-post #more-posts .large-4of6.project-update-card, #single-project #related-projects .large-4of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-5of6 {
    width: 83.3333333333%;
  }
  .large-5of6.flex-columns, #page-about .large-5of6.person-card, #single-post #more-posts .large-5of6.project-update-card, #single-project #related-projects .large-5of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-6of6 {
    width: 100%;
  }
  .large-6of6.flex-columns, #page-about .large-6of6.person-card, #single-post #more-posts .large-6of6.project-update-card, #single-project #related-projects .large-6of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-1of7 {
    width: 14.2857142857%;
  }
  .large-1of7.flex-columns, #page-about .large-1of7.person-card, #single-post #more-posts .large-1of7.project-update-card, #single-project #related-projects .large-1of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.2857142857%;
            flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
}

@media screen and (min-width: 1024px) {
  .large-2of7 {
    width: 28.5714285714%;
  }
  .large-2of7.flex-columns, #page-about .large-2of7.person-card, #single-post #more-posts .large-2of7.project-update-card, #single-project #related-projects .large-2of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28.5714285714%;
            flex: 0 0 28.5714285714%;
    max-width: 28.5714285714%;
  }
}

@media screen and (min-width: 1024px) {
  .large-3of7 {
    width: 42.8571428571%;
  }
  .large-3of7.flex-columns, #page-about .large-3of7.person-card, #single-post #more-posts .large-3of7.project-update-card, #single-project #related-projects .large-3of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 42.8571428571%;
            flex: 0 0 42.8571428571%;
    max-width: 42.8571428571%;
  }
}

@media screen and (min-width: 1024px) {
  .large-4of7 {
    width: 57.1428571429%;
  }
  .large-4of7.flex-columns, #page-about .large-4of7.person-card, #single-post #more-posts .large-4of7.project-update-card, #single-project #related-projects .large-4of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 57.1428571429%;
            flex: 0 0 57.1428571429%;
    max-width: 57.1428571429%;
  }
}

@media screen and (min-width: 1024px) {
  .large-5of7 {
    width: 71.4285714286%;
  }
  .large-5of7.flex-columns, #page-about .large-5of7.person-card, #single-post #more-posts .large-5of7.project-update-card, #single-project #related-projects .large-5of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 71.4285714286%;
            flex: 0 0 71.4285714286%;
    max-width: 71.4285714286%;
  }
}

@media screen and (min-width: 1024px) {
  .large-6of7 {
    width: 85.7142857143%;
  }
  .large-6of7.flex-columns, #page-about .large-6of7.person-card, #single-post #more-posts .large-6of7.project-update-card, #single-project #related-projects .large-6of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 85.7142857143%;
            flex: 0 0 85.7142857143%;
    max-width: 85.7142857143%;
  }
}

@media screen and (min-width: 1024px) {
  .large-7of7 {
    width: 100%;
  }
  .large-7of7.flex-columns, #page-about .large-7of7.person-card, #single-post #more-posts .large-7of7.project-update-card, #single-project #related-projects .large-7of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-1of8 {
    width: 12.5%;
  }
  .large-1of8.flex-columns, #page-about .large-1of8.person-card, #single-post #more-posts .large-1of8.project-update-card, #single-project #related-projects .large-1of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media screen and (min-width: 1024px) {
  .large-2of8 {
    width: 25%;
  }
  .large-2of8.flex-columns, #page-about .large-2of8.person-card, #single-post #more-posts .large-2of8.project-update-card, #single-project #related-projects .large-2of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .large-3of8 {
    width: 37.5%;
  }
  .large-3of8.flex-columns, #page-about .large-3of8.person-card, #single-post #more-posts .large-3of8.project-update-card, #single-project #related-projects .large-3of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    max-width: 37.5%;
  }
}

@media screen and (min-width: 1024px) {
  .large-4of8 {
    width: 50%;
  }
  .large-4of8.flex-columns, #page-about .large-4of8.person-card, #single-post #more-posts .large-4of8.project-update-card, #single-project #related-projects .large-4of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .large-5of8 {
    width: 62.5%;
  }
  .large-5of8.flex-columns, #page-about .large-5of8.person-card, #single-post #more-posts .large-5of8.project-update-card, #single-project #related-projects .large-5of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    max-width: 62.5%;
  }
}

@media screen and (min-width: 1024px) {
  .large-6of8 {
    width: 75%;
  }
  .large-6of8.flex-columns, #page-about .large-6of8.person-card, #single-post #more-posts .large-6of8.project-update-card, #single-project #related-projects .large-6of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 1024px) {
  .large-7of8 {
    width: 87.5%;
  }
  .large-7of8.flex-columns, #page-about .large-7of8.person-card, #single-post #more-posts .large-7of8.project-update-card, #single-project #related-projects .large-7of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    max-width: 87.5%;
  }
}

@media screen and (min-width: 1024px) {
  .large-8of8 {
    width: 100%;
  }
  .large-8of8.flex-columns, #page-about .large-8of8.person-card, #single-post #more-posts .large-8of8.project-update-card, #single-project #related-projects .large-8of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-1of9 {
    width: 11.1111111111%;
  }
  .large-1of9.flex-columns, #page-about .large-1of9.person-card, #single-post #more-posts .large-1of9.project-update-card, #single-project #related-projects .large-1of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 11.1111111111%;
            flex: 0 0 11.1111111111%;
    max-width: 11.1111111111%;
  }
}

@media screen and (min-width: 1024px) {
  .large-2of9 {
    width: 22.2222222222%;
  }
  .large-2of9.flex-columns, #page-about .large-2of9.person-card, #single-post #more-posts .large-2of9.project-update-card, #single-project #related-projects .large-2of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 22.2222222222%;
            flex: 0 0 22.2222222222%;
    max-width: 22.2222222222%;
  }
}

@media screen and (min-width: 1024px) {
  .large-3of9 {
    width: 33.3333333333%;
  }
  .large-3of9.flex-columns, #page-about .large-3of9.person-card, #single-post #more-posts .large-3of9.project-update-card, #single-project #related-projects .large-3of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-4of9 {
    width: 44.4444444444%;
  }
  .large-4of9.flex-columns, #page-about .large-4of9.person-card, #single-post #more-posts .large-4of9.project-update-card, #single-project #related-projects .large-4of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 44.4444444444%;
            flex: 0 0 44.4444444444%;
    max-width: 44.4444444444%;
  }
}

@media screen and (min-width: 1024px) {
  .large-5of9 {
    width: 55.5555555556%;
  }
  .large-5of9.flex-columns, #page-about .large-5of9.person-card, #single-post #more-posts .large-5of9.project-update-card, #single-project #related-projects .large-5of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55.5555555556%;
            flex: 0 0 55.5555555556%;
    max-width: 55.5555555556%;
  }
}

@media screen and (min-width: 1024px) {
  .large-6of9 {
    width: 66.6666666667%;
  }
  .large-6of9.flex-columns, #page-about .large-6of9.person-card, #single-post #more-posts .large-6of9.project-update-card, #single-project #related-projects .large-6of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-7of9 {
    width: 77.7777777778%;
  }
  .large-7of9.flex-columns, #page-about .large-7of9.person-card, #single-post #more-posts .large-7of9.project-update-card, #single-project #related-projects .large-7of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 77.7777777778%;
            flex: 0 0 77.7777777778%;
    max-width: 77.7777777778%;
  }
}

@media screen and (min-width: 1024px) {
  .large-8of9 {
    width: 88.8888888889%;
  }
  .large-8of9.flex-columns, #page-about .large-8of9.person-card, #single-post #more-posts .large-8of9.project-update-card, #single-project #related-projects .large-8of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 88.8888888889%;
            flex: 0 0 88.8888888889%;
    max-width: 88.8888888889%;
  }
}

@media screen and (min-width: 1024px) {
  .large-9of9 {
    width: 100%;
  }
  .large-9of9.flex-columns, #page-about .large-9of9.person-card, #single-post #more-posts .large-9of9.project-update-card, #single-project #related-projects .large-9of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-1of10 {
    width: 10%;
  }
  .large-1of10.flex-columns, #page-about .large-1of10.person-card, #single-post #more-posts .large-1of10.project-update-card, #single-project #related-projects .large-1of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    max-width: 10%;
  }
}

@media screen and (min-width: 1024px) {
  .large-2of10 {
    width: 20%;
  }
  .large-2of10.flex-columns, #page-about .large-2of10.person-card, #single-post #more-posts .large-2of10.project-update-card, #single-project #related-projects .large-2of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
}

@media screen and (min-width: 1024px) {
  .large-3of10 {
    width: 30%;
  }
  .large-3of10.flex-columns, #page-about .large-3of10.person-card, #single-post #more-posts .large-3of10.project-update-card, #single-project #related-projects .large-3of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 30%;
  }
}

@media screen and (min-width: 1024px) {
  .large-4of10 {
    width: 40%;
  }
  .large-4of10.flex-columns, #page-about .large-4of10.person-card, #single-post #more-posts .large-4of10.project-update-card, #single-project #related-projects .large-4of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
}

@media screen and (min-width: 1024px) {
  .large-5of10 {
    width: 50%;
  }
  .large-5of10.flex-columns, #page-about .large-5of10.person-card, #single-post #more-posts .large-5of10.project-update-card, #single-project #related-projects .large-5of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .large-6of10 {
    width: 60%;
  }
  .large-6of10.flex-columns, #page-about .large-6of10.person-card, #single-post #more-posts .large-6of10.project-update-card, #single-project #related-projects .large-6of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
}

@media screen and (min-width: 1024px) {
  .large-7of10 {
    width: 70%;
  }
  .large-7of10.flex-columns, #page-about .large-7of10.person-card, #single-post #more-posts .large-7of10.project-update-card, #single-project #related-projects .large-7of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    max-width: 70%;
  }
}

@media screen and (min-width: 1024px) {
  .large-8of10 {
    width: 80%;
  }
  .large-8of10.flex-columns, #page-about .large-8of10.person-card, #single-post #more-posts .large-8of10.project-update-card, #single-project #related-projects .large-8of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
}

@media screen and (min-width: 1024px) {
  .large-9of10 {
    width: 90%;
  }
  .large-9of10.flex-columns, #page-about .large-9of10.person-card, #single-post #more-posts .large-9of10.project-update-card, #single-project #related-projects .large-9of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    max-width: 90%;
  }
}

@media screen and (min-width: 1024px) {
  .large-10of10 {
    width: 100%;
  }
  .large-10of10.flex-columns, #page-about .large-10of10.person-card, #single-post #more-posts .large-10of10.project-update-card, #single-project #related-projects .large-10of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-1of11 {
    width: 9.0909090909%;
  }
  .large-1of11.flex-columns, #page-about .large-1of11.person-card, #single-post #more-posts .large-1of11.project-update-card, #single-project #related-projects .large-1of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 9.0909090909%;
            flex: 0 0 9.0909090909%;
    max-width: 9.0909090909%;
  }
}

@media screen and (min-width: 1024px) {
  .large-2of11 {
    width: 18.1818181818%;
  }
  .large-2of11.flex-columns, #page-about .large-2of11.person-card, #single-post #more-posts .large-2of11.project-update-card, #single-project #related-projects .large-2of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18.1818181818%;
            flex: 0 0 18.1818181818%;
    max-width: 18.1818181818%;
  }
}

@media screen and (min-width: 1024px) {
  .large-3of11 {
    width: 27.2727272727%;
  }
  .large-3of11.flex-columns, #page-about .large-3of11.person-card, #single-post #more-posts .large-3of11.project-update-card, #single-project #related-projects .large-3of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 27.2727272727%;
            flex: 0 0 27.2727272727%;
    max-width: 27.2727272727%;
  }
}

@media screen and (min-width: 1024px) {
  .large-4of11 {
    width: 36.3636363636%;
  }
  .large-4of11.flex-columns, #page-about .large-4of11.person-card, #single-post #more-posts .large-4of11.project-update-card, #single-project #related-projects .large-4of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36.3636363636%;
            flex: 0 0 36.3636363636%;
    max-width: 36.3636363636%;
  }
}

@media screen and (min-width: 1024px) {
  .large-5of11 {
    width: 45.4545454545%;
  }
  .large-5of11.flex-columns, #page-about .large-5of11.person-card, #single-post #more-posts .large-5of11.project-update-card, #single-project #related-projects .large-5of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45.4545454545%;
            flex: 0 0 45.4545454545%;
    max-width: 45.4545454545%;
  }
}

@media screen and (min-width: 1024px) {
  .large-6of11 {
    width: 54.5454545455%;
  }
  .large-6of11.flex-columns, #page-about .large-6of11.person-card, #single-post #more-posts .large-6of11.project-update-card, #single-project #related-projects .large-6of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 54.5454545455%;
            flex: 0 0 54.5454545455%;
    max-width: 54.5454545455%;
  }
}

@media screen and (min-width: 1024px) {
  .large-7of11 {
    width: 63.6363636364%;
  }
  .large-7of11.flex-columns, #page-about .large-7of11.person-card, #single-post #more-posts .large-7of11.project-update-card, #single-project #related-projects .large-7of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 63.6363636364%;
            flex: 0 0 63.6363636364%;
    max-width: 63.6363636364%;
  }
}

@media screen and (min-width: 1024px) {
  .large-8of11 {
    width: 72.7272727273%;
  }
  .large-8of11.flex-columns, #page-about .large-8of11.person-card, #single-post #more-posts .large-8of11.project-update-card, #single-project #related-projects .large-8of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72.7272727273%;
            flex: 0 0 72.7272727273%;
    max-width: 72.7272727273%;
  }
}

@media screen and (min-width: 1024px) {
  .large-9of11 {
    width: 81.8181818182%;
  }
  .large-9of11.flex-columns, #page-about .large-9of11.person-card, #single-post #more-posts .large-9of11.project-update-card, #single-project #related-projects .large-9of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 81.8181818182%;
            flex: 0 0 81.8181818182%;
    max-width: 81.8181818182%;
  }
}

@media screen and (min-width: 1024px) {
  .large-10of11 {
    width: 90.9090909091%;
  }
  .large-10of11.flex-columns, #page-about .large-10of11.person-card, #single-post #more-posts .large-10of11.project-update-card, #single-project #related-projects .large-10of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90.9090909091%;
            flex: 0 0 90.9090909091%;
    max-width: 90.9090909091%;
  }
}

@media screen and (min-width: 1024px) {
  .large-11of11 {
    width: 100%;
  }
  .large-11of11.flex-columns, #page-about .large-11of11.person-card, #single-post #more-posts .large-11of11.project-update-card, #single-project #related-projects .large-11of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-1of12 {
    width: 8.3333333333%;
  }
  .large-1of12.flex-columns, #page-about .large-1of12.person-card, #single-post #more-posts .large-1of12.project-update-card, #single-project #related-projects .large-1of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-2of12 {
    width: 16.6666666667%;
  }
  .large-2of12.flex-columns, #page-about .large-2of12.person-card, #single-post #more-posts .large-2of12.project-update-card, #single-project #related-projects .large-2of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-3of12 {
    width: 25%;
  }
  .large-3of12.flex-columns, #page-about .large-3of12.person-card, #single-post #more-posts .large-3of12.project-update-card, #single-project #related-projects .large-3of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .large-4of12 {
    width: 33.3333333333%;
  }
  .large-4of12.flex-columns, #page-about .large-4of12.person-card, #single-post #more-posts .large-4of12.project-update-card, #single-project #related-projects .large-4of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-5of12 {
    width: 41.6666666667%;
  }
  .large-5of12.flex-columns, #page-about .large-5of12.person-card, #single-post #more-posts .large-5of12.project-update-card, #single-project #related-projects .large-5of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-6of12 {
    width: 50%;
  }
  .large-6of12.flex-columns, #page-about .large-6of12.person-card, #single-post #more-posts .large-6of12.project-update-card, #single-project #related-projects .large-6of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .large-7of12 {
    width: 58.3333333333%;
  }
  .large-7of12.flex-columns, #page-about .large-7of12.person-card, #single-post #more-posts .large-7of12.project-update-card, #single-project #related-projects .large-7of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-8of12 {
    width: 66.6666666667%;
  }
  .large-8of12.flex-columns, #page-about .large-8of12.person-card, #single-post #more-posts .large-8of12.project-update-card, #single-project #related-projects .large-8of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-9of12 {
    width: 75%;
  }
  .large-9of12.flex-columns, #page-about .large-9of12.person-card, #single-post #more-posts .large-9of12.project-update-card, #single-project #related-projects .large-9of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 1024px) {
  .large-10of12 {
    width: 83.3333333333%;
  }
  .large-10of12.flex-columns, #page-about .large-10of12.person-card, #single-post #more-posts .large-10of12.project-update-card, #single-project #related-projects .large-10of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-11of12 {
    width: 91.6666666667%;
  }
  .large-11of12.flex-columns, #page-about .large-11of12.person-card, #single-post #more-posts .large-11of12.project-update-card, #single-project #related-projects .large-11of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-12of12 {
    width: 100%;
  }
  .large-12of12.flex-columns, #page-about .large-12of12.person-card, #single-post #more-posts .large-12of12.project-update-card, #single-project #related-projects .large-12of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-1of1 {
    width: 100%;
  }
  .xlarge-1of1.flex-columns, #page-about .xlarge-1of1.person-card, #single-post #more-posts .xlarge-1of1.project-update-card, #single-project #related-projects .xlarge-1of1.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-1of2 {
    width: 50%;
  }
  .xlarge-1of2.flex-columns, #page-about .xlarge-1of2.person-card, #single-post #more-posts .xlarge-1of2.project-update-card, #single-project #related-projects .xlarge-1of2.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-2of2 {
    width: 100%;
  }
  .xlarge-2of2.flex-columns, #page-about .xlarge-2of2.person-card, #single-post #more-posts .xlarge-2of2.project-update-card, #single-project #related-projects .xlarge-2of2.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-1of3 {
    width: 33.3333333333%;
  }
  .xlarge-1of3.flex-columns, #page-about .xlarge-1of3.person-card, #single-post #more-posts .xlarge-1of3.project-update-card, #single-project #related-projects .xlarge-1of3.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-2of3 {
    width: 66.6666666667%;
  }
  .xlarge-2of3.flex-columns, #page-about .xlarge-2of3.person-card, #single-post #more-posts .xlarge-2of3.project-update-card, #single-project #related-projects .xlarge-2of3.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-3of3 {
    width: 100%;
  }
  .xlarge-3of3.flex-columns, #page-about .xlarge-3of3.person-card, #single-post #more-posts .xlarge-3of3.project-update-card, #single-project #related-projects .xlarge-3of3.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-1of4 {
    width: 25%;
  }
  .xlarge-1of4.flex-columns, #page-about .xlarge-1of4.person-card, #single-post #more-posts .xlarge-1of4.project-update-card, #single-project #related-projects .xlarge-1of4.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-2of4 {
    width: 50%;
  }
  .xlarge-2of4.flex-columns, #page-about .xlarge-2of4.person-card, #single-post #more-posts .xlarge-2of4.project-update-card, #single-project #related-projects .xlarge-2of4.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-3of4 {
    width: 75%;
  }
  .xlarge-3of4.flex-columns, #page-about .xlarge-3of4.person-card, #single-post #more-posts .xlarge-3of4.project-update-card, #single-project #related-projects .xlarge-3of4.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-4of4 {
    width: 100%;
  }
  .xlarge-4of4.flex-columns, #page-about .xlarge-4of4.person-card, #single-post #more-posts .xlarge-4of4.project-update-card, #single-project #related-projects .xlarge-4of4.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-1of5 {
    width: 20%;
  }
  .xlarge-1of5.flex-columns, #page-about .xlarge-1of5.person-card, #single-post #more-posts .xlarge-1of5.project-update-card, #single-project #related-projects .xlarge-1of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-2of5 {
    width: 40%;
  }
  .xlarge-2of5.flex-columns, #page-about .xlarge-2of5.person-card, #single-post #more-posts .xlarge-2of5.project-update-card, #single-project #related-projects .xlarge-2of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-3of5 {
    width: 60%;
  }
  .xlarge-3of5.flex-columns, #page-about .xlarge-3of5.person-card, #single-post #more-posts .xlarge-3of5.project-update-card, #single-project #related-projects .xlarge-3of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-4of5 {
    width: 80%;
  }
  .xlarge-4of5.flex-columns, #page-about .xlarge-4of5.person-card, #single-post #more-posts .xlarge-4of5.project-update-card, #single-project #related-projects .xlarge-4of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-5of5 {
    width: 100%;
  }
  .xlarge-5of5.flex-columns, #page-about .xlarge-5of5.person-card, #single-post #more-posts .xlarge-5of5.project-update-card, #single-project #related-projects .xlarge-5of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-1of6 {
    width: 16.6666666667%;
  }
  .xlarge-1of6.flex-columns, #page-about .xlarge-1of6.person-card, #single-post #more-posts .xlarge-1of6.project-update-card, #single-project #related-projects .xlarge-1of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-2of6 {
    width: 33.3333333333%;
  }
  .xlarge-2of6.flex-columns, #page-about .xlarge-2of6.person-card, #single-post #more-posts .xlarge-2of6.project-update-card, #single-project #related-projects .xlarge-2of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-3of6 {
    width: 50%;
  }
  .xlarge-3of6.flex-columns, #page-about .xlarge-3of6.person-card, #single-post #more-posts .xlarge-3of6.project-update-card, #single-project #related-projects .xlarge-3of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-4of6 {
    width: 66.6666666667%;
  }
  .xlarge-4of6.flex-columns, #page-about .xlarge-4of6.person-card, #single-post #more-posts .xlarge-4of6.project-update-card, #single-project #related-projects .xlarge-4of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-5of6 {
    width: 83.3333333333%;
  }
  .xlarge-5of6.flex-columns, #page-about .xlarge-5of6.person-card, #single-post #more-posts .xlarge-5of6.project-update-card, #single-project #related-projects .xlarge-5of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-6of6 {
    width: 100%;
  }
  .xlarge-6of6.flex-columns, #page-about .xlarge-6of6.person-card, #single-post #more-posts .xlarge-6of6.project-update-card, #single-project #related-projects .xlarge-6of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-1of7 {
    width: 14.2857142857%;
  }
  .xlarge-1of7.flex-columns, #page-about .xlarge-1of7.person-card, #single-post #more-posts .xlarge-1of7.project-update-card, #single-project #related-projects .xlarge-1of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.2857142857%;
            flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-2of7 {
    width: 28.5714285714%;
  }
  .xlarge-2of7.flex-columns, #page-about .xlarge-2of7.person-card, #single-post #more-posts .xlarge-2of7.project-update-card, #single-project #related-projects .xlarge-2of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28.5714285714%;
            flex: 0 0 28.5714285714%;
    max-width: 28.5714285714%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-3of7 {
    width: 42.8571428571%;
  }
  .xlarge-3of7.flex-columns, #page-about .xlarge-3of7.person-card, #single-post #more-posts .xlarge-3of7.project-update-card, #single-project #related-projects .xlarge-3of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 42.8571428571%;
            flex: 0 0 42.8571428571%;
    max-width: 42.8571428571%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-4of7 {
    width: 57.1428571429%;
  }
  .xlarge-4of7.flex-columns, #page-about .xlarge-4of7.person-card, #single-post #more-posts .xlarge-4of7.project-update-card, #single-project #related-projects .xlarge-4of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 57.1428571429%;
            flex: 0 0 57.1428571429%;
    max-width: 57.1428571429%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-5of7 {
    width: 71.4285714286%;
  }
  .xlarge-5of7.flex-columns, #page-about .xlarge-5of7.person-card, #single-post #more-posts .xlarge-5of7.project-update-card, #single-project #related-projects .xlarge-5of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 71.4285714286%;
            flex: 0 0 71.4285714286%;
    max-width: 71.4285714286%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-6of7 {
    width: 85.7142857143%;
  }
  .xlarge-6of7.flex-columns, #page-about .xlarge-6of7.person-card, #single-post #more-posts .xlarge-6of7.project-update-card, #single-project #related-projects .xlarge-6of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 85.7142857143%;
            flex: 0 0 85.7142857143%;
    max-width: 85.7142857143%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-7of7 {
    width: 100%;
  }
  .xlarge-7of7.flex-columns, #page-about .xlarge-7of7.person-card, #single-post #more-posts .xlarge-7of7.project-update-card, #single-project #related-projects .xlarge-7of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-1of8 {
    width: 12.5%;
  }
  .xlarge-1of8.flex-columns, #page-about .xlarge-1of8.person-card, #single-post #more-posts .xlarge-1of8.project-update-card, #single-project #related-projects .xlarge-1of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-2of8 {
    width: 25%;
  }
  .xlarge-2of8.flex-columns, #page-about .xlarge-2of8.person-card, #single-post #more-posts .xlarge-2of8.project-update-card, #single-project #related-projects .xlarge-2of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-3of8 {
    width: 37.5%;
  }
  .xlarge-3of8.flex-columns, #page-about .xlarge-3of8.person-card, #single-post #more-posts .xlarge-3of8.project-update-card, #single-project #related-projects .xlarge-3of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    max-width: 37.5%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-4of8 {
    width: 50%;
  }
  .xlarge-4of8.flex-columns, #page-about .xlarge-4of8.person-card, #single-post #more-posts .xlarge-4of8.project-update-card, #single-project #related-projects .xlarge-4of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-5of8 {
    width: 62.5%;
  }
  .xlarge-5of8.flex-columns, #page-about .xlarge-5of8.person-card, #single-post #more-posts .xlarge-5of8.project-update-card, #single-project #related-projects .xlarge-5of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    max-width: 62.5%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-6of8 {
    width: 75%;
  }
  .xlarge-6of8.flex-columns, #page-about .xlarge-6of8.person-card, #single-post #more-posts .xlarge-6of8.project-update-card, #single-project #related-projects .xlarge-6of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-7of8 {
    width: 87.5%;
  }
  .xlarge-7of8.flex-columns, #page-about .xlarge-7of8.person-card, #single-post #more-posts .xlarge-7of8.project-update-card, #single-project #related-projects .xlarge-7of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    max-width: 87.5%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-8of8 {
    width: 100%;
  }
  .xlarge-8of8.flex-columns, #page-about .xlarge-8of8.person-card, #single-post #more-posts .xlarge-8of8.project-update-card, #single-project #related-projects .xlarge-8of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-1of9 {
    width: 11.1111111111%;
  }
  .xlarge-1of9.flex-columns, #page-about .xlarge-1of9.person-card, #single-post #more-posts .xlarge-1of9.project-update-card, #single-project #related-projects .xlarge-1of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 11.1111111111%;
            flex: 0 0 11.1111111111%;
    max-width: 11.1111111111%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-2of9 {
    width: 22.2222222222%;
  }
  .xlarge-2of9.flex-columns, #page-about .xlarge-2of9.person-card, #single-post #more-posts .xlarge-2of9.project-update-card, #single-project #related-projects .xlarge-2of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 22.2222222222%;
            flex: 0 0 22.2222222222%;
    max-width: 22.2222222222%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-3of9 {
    width: 33.3333333333%;
  }
  .xlarge-3of9.flex-columns, #page-about .xlarge-3of9.person-card, #single-post #more-posts .xlarge-3of9.project-update-card, #single-project #related-projects .xlarge-3of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-4of9 {
    width: 44.4444444444%;
  }
  .xlarge-4of9.flex-columns, #page-about .xlarge-4of9.person-card, #single-post #more-posts .xlarge-4of9.project-update-card, #single-project #related-projects .xlarge-4of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 44.4444444444%;
            flex: 0 0 44.4444444444%;
    max-width: 44.4444444444%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-5of9 {
    width: 55.5555555556%;
  }
  .xlarge-5of9.flex-columns, #page-about .xlarge-5of9.person-card, #single-post #more-posts .xlarge-5of9.project-update-card, #single-project #related-projects .xlarge-5of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55.5555555556%;
            flex: 0 0 55.5555555556%;
    max-width: 55.5555555556%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-6of9 {
    width: 66.6666666667%;
  }
  .xlarge-6of9.flex-columns, #page-about .xlarge-6of9.person-card, #single-post #more-posts .xlarge-6of9.project-update-card, #single-project #related-projects .xlarge-6of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-7of9 {
    width: 77.7777777778%;
  }
  .xlarge-7of9.flex-columns, #page-about .xlarge-7of9.person-card, #single-post #more-posts .xlarge-7of9.project-update-card, #single-project #related-projects .xlarge-7of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 77.7777777778%;
            flex: 0 0 77.7777777778%;
    max-width: 77.7777777778%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-8of9 {
    width: 88.8888888889%;
  }
  .xlarge-8of9.flex-columns, #page-about .xlarge-8of9.person-card, #single-post #more-posts .xlarge-8of9.project-update-card, #single-project #related-projects .xlarge-8of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 88.8888888889%;
            flex: 0 0 88.8888888889%;
    max-width: 88.8888888889%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-9of9 {
    width: 100%;
  }
  .xlarge-9of9.flex-columns, #page-about .xlarge-9of9.person-card, #single-post #more-posts .xlarge-9of9.project-update-card, #single-project #related-projects .xlarge-9of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-1of10 {
    width: 10%;
  }
  .xlarge-1of10.flex-columns, #page-about .xlarge-1of10.person-card, #single-post #more-posts .xlarge-1of10.project-update-card, #single-project #related-projects .xlarge-1of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    max-width: 10%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-2of10 {
    width: 20%;
  }
  .xlarge-2of10.flex-columns, #page-about .xlarge-2of10.person-card, #single-post #more-posts .xlarge-2of10.project-update-card, #single-project #related-projects .xlarge-2of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-3of10 {
    width: 30%;
  }
  .xlarge-3of10.flex-columns, #page-about .xlarge-3of10.person-card, #single-post #more-posts .xlarge-3of10.project-update-card, #single-project #related-projects .xlarge-3of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 30%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-4of10 {
    width: 40%;
  }
  .xlarge-4of10.flex-columns, #page-about .xlarge-4of10.person-card, #single-post #more-posts .xlarge-4of10.project-update-card, #single-project #related-projects .xlarge-4of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-5of10 {
    width: 50%;
  }
  .xlarge-5of10.flex-columns, #page-about .xlarge-5of10.person-card, #single-post #more-posts .xlarge-5of10.project-update-card, #single-project #related-projects .xlarge-5of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-6of10 {
    width: 60%;
  }
  .xlarge-6of10.flex-columns, #page-about .xlarge-6of10.person-card, #single-post #more-posts .xlarge-6of10.project-update-card, #single-project #related-projects .xlarge-6of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-7of10 {
    width: 70%;
  }
  .xlarge-7of10.flex-columns, #page-about .xlarge-7of10.person-card, #single-post #more-posts .xlarge-7of10.project-update-card, #single-project #related-projects .xlarge-7of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    max-width: 70%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-8of10 {
    width: 80%;
  }
  .xlarge-8of10.flex-columns, #page-about .xlarge-8of10.person-card, #single-post #more-posts .xlarge-8of10.project-update-card, #single-project #related-projects .xlarge-8of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-9of10 {
    width: 90%;
  }
  .xlarge-9of10.flex-columns, #page-about .xlarge-9of10.person-card, #single-post #more-posts .xlarge-9of10.project-update-card, #single-project #related-projects .xlarge-9of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    max-width: 90%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-10of10 {
    width: 100%;
  }
  .xlarge-10of10.flex-columns, #page-about .xlarge-10of10.person-card, #single-post #more-posts .xlarge-10of10.project-update-card, #single-project #related-projects .xlarge-10of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-1of11 {
    width: 9.0909090909%;
  }
  .xlarge-1of11.flex-columns, #page-about .xlarge-1of11.person-card, #single-post #more-posts .xlarge-1of11.project-update-card, #single-project #related-projects .xlarge-1of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 9.0909090909%;
            flex: 0 0 9.0909090909%;
    max-width: 9.0909090909%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-2of11 {
    width: 18.1818181818%;
  }
  .xlarge-2of11.flex-columns, #page-about .xlarge-2of11.person-card, #single-post #more-posts .xlarge-2of11.project-update-card, #single-project #related-projects .xlarge-2of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18.1818181818%;
            flex: 0 0 18.1818181818%;
    max-width: 18.1818181818%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-3of11 {
    width: 27.2727272727%;
  }
  .xlarge-3of11.flex-columns, #page-about .xlarge-3of11.person-card, #single-post #more-posts .xlarge-3of11.project-update-card, #single-project #related-projects .xlarge-3of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 27.2727272727%;
            flex: 0 0 27.2727272727%;
    max-width: 27.2727272727%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-4of11 {
    width: 36.3636363636%;
  }
  .xlarge-4of11.flex-columns, #page-about .xlarge-4of11.person-card, #single-post #more-posts .xlarge-4of11.project-update-card, #single-project #related-projects .xlarge-4of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36.3636363636%;
            flex: 0 0 36.3636363636%;
    max-width: 36.3636363636%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-5of11 {
    width: 45.4545454545%;
  }
  .xlarge-5of11.flex-columns, #page-about .xlarge-5of11.person-card, #single-post #more-posts .xlarge-5of11.project-update-card, #single-project #related-projects .xlarge-5of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45.4545454545%;
            flex: 0 0 45.4545454545%;
    max-width: 45.4545454545%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-6of11 {
    width: 54.5454545455%;
  }
  .xlarge-6of11.flex-columns, #page-about .xlarge-6of11.person-card, #single-post #more-posts .xlarge-6of11.project-update-card, #single-project #related-projects .xlarge-6of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 54.5454545455%;
            flex: 0 0 54.5454545455%;
    max-width: 54.5454545455%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-7of11 {
    width: 63.6363636364%;
  }
  .xlarge-7of11.flex-columns, #page-about .xlarge-7of11.person-card, #single-post #more-posts .xlarge-7of11.project-update-card, #single-project #related-projects .xlarge-7of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 63.6363636364%;
            flex: 0 0 63.6363636364%;
    max-width: 63.6363636364%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-8of11 {
    width: 72.7272727273%;
  }
  .xlarge-8of11.flex-columns, #page-about .xlarge-8of11.person-card, #single-post #more-posts .xlarge-8of11.project-update-card, #single-project #related-projects .xlarge-8of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72.7272727273%;
            flex: 0 0 72.7272727273%;
    max-width: 72.7272727273%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-9of11 {
    width: 81.8181818182%;
  }
  .xlarge-9of11.flex-columns, #page-about .xlarge-9of11.person-card, #single-post #more-posts .xlarge-9of11.project-update-card, #single-project #related-projects .xlarge-9of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 81.8181818182%;
            flex: 0 0 81.8181818182%;
    max-width: 81.8181818182%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-10of11 {
    width: 90.9090909091%;
  }
  .xlarge-10of11.flex-columns, #page-about .xlarge-10of11.person-card, #single-post #more-posts .xlarge-10of11.project-update-card, #single-project #related-projects .xlarge-10of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90.9090909091%;
            flex: 0 0 90.9090909091%;
    max-width: 90.9090909091%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-11of11 {
    width: 100%;
  }
  .xlarge-11of11.flex-columns, #page-about .xlarge-11of11.person-card, #single-post #more-posts .xlarge-11of11.project-update-card, #single-project #related-projects .xlarge-11of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-1of12 {
    width: 8.3333333333%;
  }
  .xlarge-1of12.flex-columns, #page-about .xlarge-1of12.person-card, #single-post #more-posts .xlarge-1of12.project-update-card, #single-project #related-projects .xlarge-1of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-2of12 {
    width: 16.6666666667%;
  }
  .xlarge-2of12.flex-columns, #page-about .xlarge-2of12.person-card, #single-post #more-posts .xlarge-2of12.project-update-card, #single-project #related-projects .xlarge-2of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-3of12 {
    width: 25%;
  }
  .xlarge-3of12.flex-columns, #page-about .xlarge-3of12.person-card, #single-post #more-posts .xlarge-3of12.project-update-card, #single-project #related-projects .xlarge-3of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-4of12 {
    width: 33.3333333333%;
  }
  .xlarge-4of12.flex-columns, #page-about .xlarge-4of12.person-card, #single-post #more-posts .xlarge-4of12.project-update-card, #single-project #related-projects .xlarge-4of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-5of12 {
    width: 41.6666666667%;
  }
  .xlarge-5of12.flex-columns, #page-about .xlarge-5of12.person-card, #single-post #more-posts .xlarge-5of12.project-update-card, #single-project #related-projects .xlarge-5of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-6of12 {
    width: 50%;
  }
  .xlarge-6of12.flex-columns, #page-about .xlarge-6of12.person-card, #single-post #more-posts .xlarge-6of12.project-update-card, #single-project #related-projects .xlarge-6of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-7of12 {
    width: 58.3333333333%;
  }
  .xlarge-7of12.flex-columns, #page-about .xlarge-7of12.person-card, #single-post #more-posts .xlarge-7of12.project-update-card, #single-project #related-projects .xlarge-7of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-8of12 {
    width: 66.6666666667%;
  }
  .xlarge-8of12.flex-columns, #page-about .xlarge-8of12.person-card, #single-post #more-posts .xlarge-8of12.project-update-card, #single-project #related-projects .xlarge-8of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-9of12 {
    width: 75%;
  }
  .xlarge-9of12.flex-columns, #page-about .xlarge-9of12.person-card, #single-post #more-posts .xlarge-9of12.project-update-card, #single-project #related-projects .xlarge-9of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-10of12 {
    width: 83.3333333333%;
  }
  .xlarge-10of12.flex-columns, #page-about .xlarge-10of12.person-card, #single-post #more-posts .xlarge-10of12.project-update-card, #single-project #related-projects .xlarge-10of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-11of12 {
    width: 91.6666666667%;
  }
  .xlarge-11of12.flex-columns, #page-about .xlarge-11of12.person-card, #single-post #more-posts .xlarge-11of12.project-update-card, #single-project #related-projects .xlarge-11of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-12of12 {
    width: 100%;
  }
  .xlarge-12of12.flex-columns, #page-about .xlarge-12of12.person-card, #single-post #more-posts .xlarge-12of12.project-update-card, #single-project #related-projects .xlarge-12of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-1of1 {
    width: 100%;
  }
  .xxlarge-1of1.flex-columns, #page-about .xxlarge-1of1.person-card, #single-post #more-posts .xxlarge-1of1.project-update-card, #single-project #related-projects .xxlarge-1of1.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-1of2 {
    width: 50%;
  }
  .xxlarge-1of2.flex-columns, #page-about .xxlarge-1of2.person-card, #single-post #more-posts .xxlarge-1of2.project-update-card, #single-project #related-projects .xxlarge-1of2.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-2of2 {
    width: 100%;
  }
  .xxlarge-2of2.flex-columns, #page-about .xxlarge-2of2.person-card, #single-post #more-posts .xxlarge-2of2.project-update-card, #single-project #related-projects .xxlarge-2of2.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-1of3 {
    width: 33.3333333333%;
  }
  .xxlarge-1of3.flex-columns, #page-about .xxlarge-1of3.person-card, #single-post #more-posts .xxlarge-1of3.project-update-card, #single-project #related-projects .xxlarge-1of3.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-2of3 {
    width: 66.6666666667%;
  }
  .xxlarge-2of3.flex-columns, #page-about .xxlarge-2of3.person-card, #single-post #more-posts .xxlarge-2of3.project-update-card, #single-project #related-projects .xxlarge-2of3.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-3of3 {
    width: 100%;
  }
  .xxlarge-3of3.flex-columns, #page-about .xxlarge-3of3.person-card, #single-post #more-posts .xxlarge-3of3.project-update-card, #single-project #related-projects .xxlarge-3of3.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-1of4 {
    width: 25%;
  }
  .xxlarge-1of4.flex-columns, #page-about .xxlarge-1of4.person-card, #single-post #more-posts .xxlarge-1of4.project-update-card, #single-project #related-projects .xxlarge-1of4.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-2of4 {
    width: 50%;
  }
  .xxlarge-2of4.flex-columns, #page-about .xxlarge-2of4.person-card, #single-post #more-posts .xxlarge-2of4.project-update-card, #single-project #related-projects .xxlarge-2of4.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-3of4 {
    width: 75%;
  }
  .xxlarge-3of4.flex-columns, #page-about .xxlarge-3of4.person-card, #single-post #more-posts .xxlarge-3of4.project-update-card, #single-project #related-projects .xxlarge-3of4.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-4of4 {
    width: 100%;
  }
  .xxlarge-4of4.flex-columns, #page-about .xxlarge-4of4.person-card, #single-post #more-posts .xxlarge-4of4.project-update-card, #single-project #related-projects .xxlarge-4of4.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-1of5 {
    width: 20%;
  }
  .xxlarge-1of5.flex-columns, #page-about .xxlarge-1of5.person-card, #single-post #more-posts .xxlarge-1of5.project-update-card, #single-project #related-projects .xxlarge-1of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-2of5 {
    width: 40%;
  }
  .xxlarge-2of5.flex-columns, #page-about .xxlarge-2of5.person-card, #single-post #more-posts .xxlarge-2of5.project-update-card, #single-project #related-projects .xxlarge-2of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-3of5 {
    width: 60%;
  }
  .xxlarge-3of5.flex-columns, #page-about .xxlarge-3of5.person-card, #single-post #more-posts .xxlarge-3of5.project-update-card, #single-project #related-projects .xxlarge-3of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-4of5 {
    width: 80%;
  }
  .xxlarge-4of5.flex-columns, #page-about .xxlarge-4of5.person-card, #single-post #more-posts .xxlarge-4of5.project-update-card, #single-project #related-projects .xxlarge-4of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-5of5 {
    width: 100%;
  }
  .xxlarge-5of5.flex-columns, #page-about .xxlarge-5of5.person-card, #single-post #more-posts .xxlarge-5of5.project-update-card, #single-project #related-projects .xxlarge-5of5.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-1of6 {
    width: 16.6666666667%;
  }
  .xxlarge-1of6.flex-columns, #page-about .xxlarge-1of6.person-card, #single-post #more-posts .xxlarge-1of6.project-update-card, #single-project #related-projects .xxlarge-1of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-2of6 {
    width: 33.3333333333%;
  }
  .xxlarge-2of6.flex-columns, #page-about .xxlarge-2of6.person-card, #single-post #more-posts .xxlarge-2of6.project-update-card, #single-project #related-projects .xxlarge-2of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-3of6 {
    width: 50%;
  }
  .xxlarge-3of6.flex-columns, #page-about .xxlarge-3of6.person-card, #single-post #more-posts .xxlarge-3of6.project-update-card, #single-project #related-projects .xxlarge-3of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-4of6 {
    width: 66.6666666667%;
  }
  .xxlarge-4of6.flex-columns, #page-about .xxlarge-4of6.person-card, #single-post #more-posts .xxlarge-4of6.project-update-card, #single-project #related-projects .xxlarge-4of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-5of6 {
    width: 83.3333333333%;
  }
  .xxlarge-5of6.flex-columns, #page-about .xxlarge-5of6.person-card, #single-post #more-posts .xxlarge-5of6.project-update-card, #single-project #related-projects .xxlarge-5of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-6of6 {
    width: 100%;
  }
  .xxlarge-6of6.flex-columns, #page-about .xxlarge-6of6.person-card, #single-post #more-posts .xxlarge-6of6.project-update-card, #single-project #related-projects .xxlarge-6of6.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-1of7 {
    width: 14.2857142857%;
  }
  .xxlarge-1of7.flex-columns, #page-about .xxlarge-1of7.person-card, #single-post #more-posts .xxlarge-1of7.project-update-card, #single-project #related-projects .xxlarge-1of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.2857142857%;
            flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-2of7 {
    width: 28.5714285714%;
  }
  .xxlarge-2of7.flex-columns, #page-about .xxlarge-2of7.person-card, #single-post #more-posts .xxlarge-2of7.project-update-card, #single-project #related-projects .xxlarge-2of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28.5714285714%;
            flex: 0 0 28.5714285714%;
    max-width: 28.5714285714%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-3of7 {
    width: 42.8571428571%;
  }
  .xxlarge-3of7.flex-columns, #page-about .xxlarge-3of7.person-card, #single-post #more-posts .xxlarge-3of7.project-update-card, #single-project #related-projects .xxlarge-3of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 42.8571428571%;
            flex: 0 0 42.8571428571%;
    max-width: 42.8571428571%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-4of7 {
    width: 57.1428571429%;
  }
  .xxlarge-4of7.flex-columns, #page-about .xxlarge-4of7.person-card, #single-post #more-posts .xxlarge-4of7.project-update-card, #single-project #related-projects .xxlarge-4of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 57.1428571429%;
            flex: 0 0 57.1428571429%;
    max-width: 57.1428571429%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-5of7 {
    width: 71.4285714286%;
  }
  .xxlarge-5of7.flex-columns, #page-about .xxlarge-5of7.person-card, #single-post #more-posts .xxlarge-5of7.project-update-card, #single-project #related-projects .xxlarge-5of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 71.4285714286%;
            flex: 0 0 71.4285714286%;
    max-width: 71.4285714286%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-6of7 {
    width: 85.7142857143%;
  }
  .xxlarge-6of7.flex-columns, #page-about .xxlarge-6of7.person-card, #single-post #more-posts .xxlarge-6of7.project-update-card, #single-project #related-projects .xxlarge-6of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 85.7142857143%;
            flex: 0 0 85.7142857143%;
    max-width: 85.7142857143%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-7of7 {
    width: 100%;
  }
  .xxlarge-7of7.flex-columns, #page-about .xxlarge-7of7.person-card, #single-post #more-posts .xxlarge-7of7.project-update-card, #single-project #related-projects .xxlarge-7of7.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-1of8 {
    width: 12.5%;
  }
  .xxlarge-1of8.flex-columns, #page-about .xxlarge-1of8.person-card, #single-post #more-posts .xxlarge-1of8.project-update-card, #single-project #related-projects .xxlarge-1of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-2of8 {
    width: 25%;
  }
  .xxlarge-2of8.flex-columns, #page-about .xxlarge-2of8.person-card, #single-post #more-posts .xxlarge-2of8.project-update-card, #single-project #related-projects .xxlarge-2of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-3of8 {
    width: 37.5%;
  }
  .xxlarge-3of8.flex-columns, #page-about .xxlarge-3of8.person-card, #single-post #more-posts .xxlarge-3of8.project-update-card, #single-project #related-projects .xxlarge-3of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    max-width: 37.5%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-4of8 {
    width: 50%;
  }
  .xxlarge-4of8.flex-columns, #page-about .xxlarge-4of8.person-card, #single-post #more-posts .xxlarge-4of8.project-update-card, #single-project #related-projects .xxlarge-4of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-5of8 {
    width: 62.5%;
  }
  .xxlarge-5of8.flex-columns, #page-about .xxlarge-5of8.person-card, #single-post #more-posts .xxlarge-5of8.project-update-card, #single-project #related-projects .xxlarge-5of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    max-width: 62.5%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-6of8 {
    width: 75%;
  }
  .xxlarge-6of8.flex-columns, #page-about .xxlarge-6of8.person-card, #single-post #more-posts .xxlarge-6of8.project-update-card, #single-project #related-projects .xxlarge-6of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-7of8 {
    width: 87.5%;
  }
  .xxlarge-7of8.flex-columns, #page-about .xxlarge-7of8.person-card, #single-post #more-posts .xxlarge-7of8.project-update-card, #single-project #related-projects .xxlarge-7of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    max-width: 87.5%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-8of8 {
    width: 100%;
  }
  .xxlarge-8of8.flex-columns, #page-about .xxlarge-8of8.person-card, #single-post #more-posts .xxlarge-8of8.project-update-card, #single-project #related-projects .xxlarge-8of8.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-1of9 {
    width: 11.1111111111%;
  }
  .xxlarge-1of9.flex-columns, #page-about .xxlarge-1of9.person-card, #single-post #more-posts .xxlarge-1of9.project-update-card, #single-project #related-projects .xxlarge-1of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 11.1111111111%;
            flex: 0 0 11.1111111111%;
    max-width: 11.1111111111%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-2of9 {
    width: 22.2222222222%;
  }
  .xxlarge-2of9.flex-columns, #page-about .xxlarge-2of9.person-card, #single-post #more-posts .xxlarge-2of9.project-update-card, #single-project #related-projects .xxlarge-2of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 22.2222222222%;
            flex: 0 0 22.2222222222%;
    max-width: 22.2222222222%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-3of9 {
    width: 33.3333333333%;
  }
  .xxlarge-3of9.flex-columns, #page-about .xxlarge-3of9.person-card, #single-post #more-posts .xxlarge-3of9.project-update-card, #single-project #related-projects .xxlarge-3of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-4of9 {
    width: 44.4444444444%;
  }
  .xxlarge-4of9.flex-columns, #page-about .xxlarge-4of9.person-card, #single-post #more-posts .xxlarge-4of9.project-update-card, #single-project #related-projects .xxlarge-4of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 44.4444444444%;
            flex: 0 0 44.4444444444%;
    max-width: 44.4444444444%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-5of9 {
    width: 55.5555555556%;
  }
  .xxlarge-5of9.flex-columns, #page-about .xxlarge-5of9.person-card, #single-post #more-posts .xxlarge-5of9.project-update-card, #single-project #related-projects .xxlarge-5of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55.5555555556%;
            flex: 0 0 55.5555555556%;
    max-width: 55.5555555556%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-6of9 {
    width: 66.6666666667%;
  }
  .xxlarge-6of9.flex-columns, #page-about .xxlarge-6of9.person-card, #single-post #more-posts .xxlarge-6of9.project-update-card, #single-project #related-projects .xxlarge-6of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-7of9 {
    width: 77.7777777778%;
  }
  .xxlarge-7of9.flex-columns, #page-about .xxlarge-7of9.person-card, #single-post #more-posts .xxlarge-7of9.project-update-card, #single-project #related-projects .xxlarge-7of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 77.7777777778%;
            flex: 0 0 77.7777777778%;
    max-width: 77.7777777778%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-8of9 {
    width: 88.8888888889%;
  }
  .xxlarge-8of9.flex-columns, #page-about .xxlarge-8of9.person-card, #single-post #more-posts .xxlarge-8of9.project-update-card, #single-project #related-projects .xxlarge-8of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 88.8888888889%;
            flex: 0 0 88.8888888889%;
    max-width: 88.8888888889%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-9of9 {
    width: 100%;
  }
  .xxlarge-9of9.flex-columns, #page-about .xxlarge-9of9.person-card, #single-post #more-posts .xxlarge-9of9.project-update-card, #single-project #related-projects .xxlarge-9of9.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-1of10 {
    width: 10%;
  }
  .xxlarge-1of10.flex-columns, #page-about .xxlarge-1of10.person-card, #single-post #more-posts .xxlarge-1of10.project-update-card, #single-project #related-projects .xxlarge-1of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    max-width: 10%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-2of10 {
    width: 20%;
  }
  .xxlarge-2of10.flex-columns, #page-about .xxlarge-2of10.person-card, #single-post #more-posts .xxlarge-2of10.project-update-card, #single-project #related-projects .xxlarge-2of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-3of10 {
    width: 30%;
  }
  .xxlarge-3of10.flex-columns, #page-about .xxlarge-3of10.person-card, #single-post #more-posts .xxlarge-3of10.project-update-card, #single-project #related-projects .xxlarge-3of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 30%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-4of10 {
    width: 40%;
  }
  .xxlarge-4of10.flex-columns, #page-about .xxlarge-4of10.person-card, #single-post #more-posts .xxlarge-4of10.project-update-card, #single-project #related-projects .xxlarge-4of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-5of10 {
    width: 50%;
  }
  .xxlarge-5of10.flex-columns, #page-about .xxlarge-5of10.person-card, #single-post #more-posts .xxlarge-5of10.project-update-card, #single-project #related-projects .xxlarge-5of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-6of10 {
    width: 60%;
  }
  .xxlarge-6of10.flex-columns, #page-about .xxlarge-6of10.person-card, #single-post #more-posts .xxlarge-6of10.project-update-card, #single-project #related-projects .xxlarge-6of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-7of10 {
    width: 70%;
  }
  .xxlarge-7of10.flex-columns, #page-about .xxlarge-7of10.person-card, #single-post #more-posts .xxlarge-7of10.project-update-card, #single-project #related-projects .xxlarge-7of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    max-width: 70%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-8of10 {
    width: 80%;
  }
  .xxlarge-8of10.flex-columns, #page-about .xxlarge-8of10.person-card, #single-post #more-posts .xxlarge-8of10.project-update-card, #single-project #related-projects .xxlarge-8of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-9of10 {
    width: 90%;
  }
  .xxlarge-9of10.flex-columns, #page-about .xxlarge-9of10.person-card, #single-post #more-posts .xxlarge-9of10.project-update-card, #single-project #related-projects .xxlarge-9of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    max-width: 90%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-10of10 {
    width: 100%;
  }
  .xxlarge-10of10.flex-columns, #page-about .xxlarge-10of10.person-card, #single-post #more-posts .xxlarge-10of10.project-update-card, #single-project #related-projects .xxlarge-10of10.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-1of11 {
    width: 9.0909090909%;
  }
  .xxlarge-1of11.flex-columns, #page-about .xxlarge-1of11.person-card, #single-post #more-posts .xxlarge-1of11.project-update-card, #single-project #related-projects .xxlarge-1of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 9.0909090909%;
            flex: 0 0 9.0909090909%;
    max-width: 9.0909090909%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-2of11 {
    width: 18.1818181818%;
  }
  .xxlarge-2of11.flex-columns, #page-about .xxlarge-2of11.person-card, #single-post #more-posts .xxlarge-2of11.project-update-card, #single-project #related-projects .xxlarge-2of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18.1818181818%;
            flex: 0 0 18.1818181818%;
    max-width: 18.1818181818%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-3of11 {
    width: 27.2727272727%;
  }
  .xxlarge-3of11.flex-columns, #page-about .xxlarge-3of11.person-card, #single-post #more-posts .xxlarge-3of11.project-update-card, #single-project #related-projects .xxlarge-3of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 27.2727272727%;
            flex: 0 0 27.2727272727%;
    max-width: 27.2727272727%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-4of11 {
    width: 36.3636363636%;
  }
  .xxlarge-4of11.flex-columns, #page-about .xxlarge-4of11.person-card, #single-post #more-posts .xxlarge-4of11.project-update-card, #single-project #related-projects .xxlarge-4of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36.3636363636%;
            flex: 0 0 36.3636363636%;
    max-width: 36.3636363636%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-5of11 {
    width: 45.4545454545%;
  }
  .xxlarge-5of11.flex-columns, #page-about .xxlarge-5of11.person-card, #single-post #more-posts .xxlarge-5of11.project-update-card, #single-project #related-projects .xxlarge-5of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45.4545454545%;
            flex: 0 0 45.4545454545%;
    max-width: 45.4545454545%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-6of11 {
    width: 54.5454545455%;
  }
  .xxlarge-6of11.flex-columns, #page-about .xxlarge-6of11.person-card, #single-post #more-posts .xxlarge-6of11.project-update-card, #single-project #related-projects .xxlarge-6of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 54.5454545455%;
            flex: 0 0 54.5454545455%;
    max-width: 54.5454545455%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-7of11 {
    width: 63.6363636364%;
  }
  .xxlarge-7of11.flex-columns, #page-about .xxlarge-7of11.person-card, #single-post #more-posts .xxlarge-7of11.project-update-card, #single-project #related-projects .xxlarge-7of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 63.6363636364%;
            flex: 0 0 63.6363636364%;
    max-width: 63.6363636364%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-8of11 {
    width: 72.7272727273%;
  }
  .xxlarge-8of11.flex-columns, #page-about .xxlarge-8of11.person-card, #single-post #more-posts .xxlarge-8of11.project-update-card, #single-project #related-projects .xxlarge-8of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72.7272727273%;
            flex: 0 0 72.7272727273%;
    max-width: 72.7272727273%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-9of11 {
    width: 81.8181818182%;
  }
  .xxlarge-9of11.flex-columns, #page-about .xxlarge-9of11.person-card, #single-post #more-posts .xxlarge-9of11.project-update-card, #single-project #related-projects .xxlarge-9of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 81.8181818182%;
            flex: 0 0 81.8181818182%;
    max-width: 81.8181818182%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-10of11 {
    width: 90.9090909091%;
  }
  .xxlarge-10of11.flex-columns, #page-about .xxlarge-10of11.person-card, #single-post #more-posts .xxlarge-10of11.project-update-card, #single-project #related-projects .xxlarge-10of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90.9090909091%;
            flex: 0 0 90.9090909091%;
    max-width: 90.9090909091%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-11of11 {
    width: 100%;
  }
  .xxlarge-11of11.flex-columns, #page-about .xxlarge-11of11.person-card, #single-post #more-posts .xxlarge-11of11.project-update-card, #single-project #related-projects .xxlarge-11of11.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-1of12 {
    width: 8.3333333333%;
  }
  .xxlarge-1of12.flex-columns, #page-about .xxlarge-1of12.person-card, #single-post #more-posts .xxlarge-1of12.project-update-card, #single-project #related-projects .xxlarge-1of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-2of12 {
    width: 16.6666666667%;
  }
  .xxlarge-2of12.flex-columns, #page-about .xxlarge-2of12.person-card, #single-post #more-posts .xxlarge-2of12.project-update-card, #single-project #related-projects .xxlarge-2of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-3of12 {
    width: 25%;
  }
  .xxlarge-3of12.flex-columns, #page-about .xxlarge-3of12.person-card, #single-post #more-posts .xxlarge-3of12.project-update-card, #single-project #related-projects .xxlarge-3of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-4of12 {
    width: 33.3333333333%;
  }
  .xxlarge-4of12.flex-columns, #page-about .xxlarge-4of12.person-card, #single-post #more-posts .xxlarge-4of12.project-update-card, #single-project #related-projects .xxlarge-4of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-5of12 {
    width: 41.6666666667%;
  }
  .xxlarge-5of12.flex-columns, #page-about .xxlarge-5of12.person-card, #single-post #more-posts .xxlarge-5of12.project-update-card, #single-project #related-projects .xxlarge-5of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-6of12 {
    width: 50%;
  }
  .xxlarge-6of12.flex-columns, #page-about .xxlarge-6of12.person-card, #single-post #more-posts .xxlarge-6of12.project-update-card, #single-project #related-projects .xxlarge-6of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-7of12 {
    width: 58.3333333333%;
  }
  .xxlarge-7of12.flex-columns, #page-about .xxlarge-7of12.person-card, #single-post #more-posts .xxlarge-7of12.project-update-card, #single-project #related-projects .xxlarge-7of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-8of12 {
    width: 66.6666666667%;
  }
  .xxlarge-8of12.flex-columns, #page-about .xxlarge-8of12.person-card, #single-post #more-posts .xxlarge-8of12.project-update-card, #single-project #related-projects .xxlarge-8of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-9of12 {
    width: 75%;
  }
  .xxlarge-9of12.flex-columns, #page-about .xxlarge-9of12.person-card, #single-post #more-posts .xxlarge-9of12.project-update-card, #single-project #related-projects .xxlarge-9of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-10of12 {
    width: 83.3333333333%;
  }
  .xxlarge-10of12.flex-columns, #page-about .xxlarge-10of12.person-card, #single-post #more-posts .xxlarge-10of12.project-update-card, #single-project #related-projects .xxlarge-10of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-11of12 {
    width: 91.6666666667%;
  }
  .xxlarge-11of12.flex-columns, #page-about .xxlarge-11of12.person-card, #single-post #more-posts .xxlarge-11of12.project-update-card, #single-project #related-projects .xxlarge-11of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-12of12 {
    width: 100%;
  }
  .xxlarge-12of12.flex-columns, #page-about .xxlarge-12of12.person-card, #single-post #more-posts .xxlarge-12of12.project-update-card, #single-project #related-projects .xxlarge-12of12.project-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.small-offset-1 {
  margin-left: 8.3333333333%;
}

.small-offset-2 {
  margin-left: 16.6666666667%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-offset-4 {
  margin-left: 33.3333333333%;
}

.small-offset-5 {
  margin-left: 41.6666666667%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-offset-7 {
  margin-left: 58.3333333333%;
}

.small-offset-8 {
  margin-left: 66.6666666667%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-offset-10 {
  margin-left: 83.3333333333%;
}

.small-offset-11 {
  margin-left: 91.6666666667%;
}

.small-offset-12 {
  margin-left: 100%;
}

@media screen and (min-width: 768px) {
  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-3 {
    margin-left: 25%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-6 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-9 {
    margin-left: 75%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-12 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-1 {
    margin-left: 8.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-3 {
    margin-left: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-4 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-6 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-7 {
    margin-left: 58.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-9 {
    margin-left: 75%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-10 {
    margin-left: 83.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-12 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-3 {
    margin-left: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-6 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-9 {
    margin-left: 75%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-12 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-3 {
    margin-left: 25%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-6 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-9 {
    margin-left: 75%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-12 {
    margin-left: 100%;
  }
}

.small-offset-1of1 {
  margin-left: 100%;
}

.small-offset-1of2 {
  margin-left: 50%;
}

.small-offset-2of2 {
  margin-left: 100%;
}

.small-offset-1of3 {
  margin-left: 33.3333333333%;
}

.small-offset-2of3 {
  margin-left: 66.6666666667%;
}

.small-offset-3of3 {
  margin-left: 100%;
}

.small-offset-1of4 {
  margin-left: 25%;
}

.small-offset-2of4 {
  margin-left: 50%;
}

.small-offset-3of4 {
  margin-left: 75%;
}

.small-offset-4of4 {
  margin-left: 100%;
}

.small-offset-1of5 {
  margin-left: 20%;
}

.small-offset-2of5 {
  margin-left: 40%;
}

.small-offset-3of5 {
  margin-left: 60%;
}

.small-offset-4of5 {
  margin-left: 80%;
}

.small-offset-5of5 {
  margin-left: 100%;
}

.small-offset-1of6 {
  margin-left: 16.6666666667%;
}

.small-offset-2of6 {
  margin-left: 33.3333333333%;
}

.small-offset-3of6 {
  margin-left: 50%;
}

.small-offset-4of6 {
  margin-left: 66.6666666667%;
}

.small-offset-5of6 {
  margin-left: 83.3333333333%;
}

.small-offset-6of6 {
  margin-left: 100%;
}

.small-offset-1of7 {
  margin-left: 14.2857142857%;
}

.small-offset-2of7 {
  margin-left: 28.5714285714%;
}

.small-offset-3of7 {
  margin-left: 42.8571428571%;
}

.small-offset-4of7 {
  margin-left: 57.1428571429%;
}

.small-offset-5of7 {
  margin-left: 71.4285714286%;
}

.small-offset-6of7 {
  margin-left: 85.7142857143%;
}

.small-offset-7of7 {
  margin-left: 100%;
}

.small-offset-1of8 {
  margin-left: 12.5%;
}

.small-offset-2of8 {
  margin-left: 25%;
}

.small-offset-3of8 {
  margin-left: 37.5%;
}

.small-offset-4of8 {
  margin-left: 50%;
}

.small-offset-5of8 {
  margin-left: 62.5%;
}

.small-offset-6of8 {
  margin-left: 75%;
}

.small-offset-7of8 {
  margin-left: 87.5%;
}

.small-offset-8of8 {
  margin-left: 100%;
}

.small-offset-1of9 {
  margin-left: 11.1111111111%;
}

.small-offset-2of9 {
  margin-left: 22.2222222222%;
}

.small-offset-3of9 {
  margin-left: 33.3333333333%;
}

.small-offset-4of9 {
  margin-left: 44.4444444444%;
}

.small-offset-5of9 {
  margin-left: 55.5555555556%;
}

.small-offset-6of9 {
  margin-left: 66.6666666667%;
}

.small-offset-7of9 {
  margin-left: 77.7777777778%;
}

.small-offset-8of9 {
  margin-left: 88.8888888889%;
}

.small-offset-9of9 {
  margin-left: 100%;
}

.small-offset-1of10 {
  margin-left: 10%;
}

.small-offset-2of10 {
  margin-left: 20%;
}

.small-offset-3of10 {
  margin-left: 30%;
}

.small-offset-4of10 {
  margin-left: 40%;
}

.small-offset-5of10 {
  margin-left: 50%;
}

.small-offset-6of10 {
  margin-left: 60%;
}

.small-offset-7of10 {
  margin-left: 70%;
}

.small-offset-8of10 {
  margin-left: 80%;
}

.small-offset-9of10 {
  margin-left: 90%;
}

.small-offset-10of10 {
  margin-left: 100%;
}

.small-offset-1of11 {
  margin-left: 9.0909090909%;
}

.small-offset-2of11 {
  margin-left: 18.1818181818%;
}

.small-offset-3of11 {
  margin-left: 27.2727272727%;
}

.small-offset-4of11 {
  margin-left: 36.3636363636%;
}

.small-offset-5of11 {
  margin-left: 45.4545454545%;
}

.small-offset-6of11 {
  margin-left: 54.5454545455%;
}

.small-offset-7of11 {
  margin-left: 63.6363636364%;
}

.small-offset-8of11 {
  margin-left: 72.7272727273%;
}

.small-offset-9of11 {
  margin-left: 81.8181818182%;
}

.small-offset-10of11 {
  margin-left: 90.9090909091%;
}

.small-offset-11of11 {
  margin-left: 100%;
}

.small-offset-1of12 {
  margin-left: 8.3333333333%;
}

.small-offset-2of12 {
  margin-left: 16.6666666667%;
}

.small-offset-3of12 {
  margin-left: 25%;
}

.small-offset-4of12 {
  margin-left: 33.3333333333%;
}

.small-offset-5of12 {
  margin-left: 41.6666666667%;
}

.small-offset-6of12 {
  margin-left: 50%;
}

.small-offset-7of12 {
  margin-left: 58.3333333333%;
}

.small-offset-8of12 {
  margin-left: 66.6666666667%;
}

.small-offset-9of12 {
  margin-left: 75%;
}

.small-offset-10of12 {
  margin-left: 83.3333333333%;
}

.small-offset-11of12 {
  margin-left: 91.6666666667%;
}

.small-offset-12of12 {
  margin-left: 100%;
}

@media screen and (min-width: 768px) {
  .medium-offset-1of1 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-1of2 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-2of2 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-1of3 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-2of3 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-3of3 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-1of4 {
    margin-left: 25%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-2of4 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-3of4 {
    margin-left: 75%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-4of4 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-1of5 {
    margin-left: 20%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-2of5 {
    margin-left: 40%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-3of5 {
    margin-left: 60%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-4of5 {
    margin-left: 80%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-5of5 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-1of6 {
    margin-left: 16.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-2of6 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-3of6 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-4of6 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-5of6 {
    margin-left: 83.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-6of6 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-1of7 {
    margin-left: 14.2857142857%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-2of7 {
    margin-left: 28.5714285714%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-3of7 {
    margin-left: 42.8571428571%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-4of7 {
    margin-left: 57.1428571429%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-5of7 {
    margin-left: 71.4285714286%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-6of7 {
    margin-left: 85.7142857143%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-7of7 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-1of8 {
    margin-left: 12.5%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-2of8 {
    margin-left: 25%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-3of8 {
    margin-left: 37.5%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-4of8 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-5of8 {
    margin-left: 62.5%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-6of8 {
    margin-left: 75%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-7of8 {
    margin-left: 87.5%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-8of8 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-1of9 {
    margin-left: 11.1111111111%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-2of9 {
    margin-left: 22.2222222222%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-3of9 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-4of9 {
    margin-left: 44.4444444444%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-5of9 {
    margin-left: 55.5555555556%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-6of9 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-7of9 {
    margin-left: 77.7777777778%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-8of9 {
    margin-left: 88.8888888889%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-9of9 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-1of10 {
    margin-left: 10%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-2of10 {
    margin-left: 20%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-3of10 {
    margin-left: 30%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-4of10 {
    margin-left: 40%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-5of10 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-6of10 {
    margin-left: 60%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-7of10 {
    margin-left: 70%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-8of10 {
    margin-left: 80%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-9of10 {
    margin-left: 90%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-10of10 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-1of11 {
    margin-left: 9.0909090909%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-2of11 {
    margin-left: 18.1818181818%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-3of11 {
    margin-left: 27.2727272727%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-4of11 {
    margin-left: 36.3636363636%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-5of11 {
    margin-left: 45.4545454545%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-6of11 {
    margin-left: 54.5454545455%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-7of11 {
    margin-left: 63.6363636364%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-8of11 {
    margin-left: 72.7272727273%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-9of11 {
    margin-left: 81.8181818182%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-10of11 {
    margin-left: 90.9090909091%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-11of11 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-1of12 {
    margin-left: 8.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-2of12 {
    margin-left: 16.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-3of12 {
    margin-left: 25%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-4of12 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-5of12 {
    margin-left: 41.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-6of12 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-7of12 {
    margin-left: 58.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-8of12 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-9of12 {
    margin-left: 75%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-10of12 {
    margin-left: 83.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-11of12 {
    margin-left: 91.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .medium-offset-12of12 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-1of1 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-1of2 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-2of2 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-1of3 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-2of3 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-3of3 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-1of4 {
    margin-left: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-2of4 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-3of4 {
    margin-left: 75%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-4of4 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-1of5 {
    margin-left: 20%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-2of5 {
    margin-left: 40%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-3of5 {
    margin-left: 60%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-4of5 {
    margin-left: 80%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-5of5 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-1of6 {
    margin-left: 16.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-2of6 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-3of6 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-4of6 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-5of6 {
    margin-left: 83.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-6of6 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-1of7 {
    margin-left: 14.2857142857%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-2of7 {
    margin-left: 28.5714285714%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-3of7 {
    margin-left: 42.8571428571%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-4of7 {
    margin-left: 57.1428571429%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-5of7 {
    margin-left: 71.4285714286%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-6of7 {
    margin-left: 85.7142857143%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-7of7 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-1of8 {
    margin-left: 12.5%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-2of8 {
    margin-left: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-3of8 {
    margin-left: 37.5%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-4of8 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-5of8 {
    margin-left: 62.5%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-6of8 {
    margin-left: 75%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-7of8 {
    margin-left: 87.5%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-8of8 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-1of9 {
    margin-left: 11.1111111111%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-2of9 {
    margin-left: 22.2222222222%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-3of9 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-4of9 {
    margin-left: 44.4444444444%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-5of9 {
    margin-left: 55.5555555556%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-6of9 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-7of9 {
    margin-left: 77.7777777778%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-8of9 {
    margin-left: 88.8888888889%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-9of9 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-1of10 {
    margin-left: 10%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-2of10 {
    margin-left: 20%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-3of10 {
    margin-left: 30%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-4of10 {
    margin-left: 40%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-5of10 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-6of10 {
    margin-left: 60%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-7of10 {
    margin-left: 70%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-8of10 {
    margin-left: 80%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-9of10 {
    margin-left: 90%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-10of10 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-1of11 {
    margin-left: 9.0909090909%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-2of11 {
    margin-left: 18.1818181818%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-3of11 {
    margin-left: 27.2727272727%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-4of11 {
    margin-left: 36.3636363636%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-5of11 {
    margin-left: 45.4545454545%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-6of11 {
    margin-left: 54.5454545455%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-7of11 {
    margin-left: 63.6363636364%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-8of11 {
    margin-left: 72.7272727273%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-9of11 {
    margin-left: 81.8181818182%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-10of11 {
    margin-left: 90.9090909091%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-11of11 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-1of12 {
    margin-left: 8.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-2of12 {
    margin-left: 16.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-3of12 {
    margin-left: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-4of12 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-5of12 {
    margin-left: 41.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-6of12 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-7of12 {
    margin-left: 58.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-8of12 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-9of12 {
    margin-left: 75%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-10of12 {
    margin-left: 83.3333333333%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-11of12 {
    margin-left: 91.6666666667%;
  }
}

@media screen and (min-width: 1024px) {
  .large-offset-12of12 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-1of1 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-1of2 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-2of2 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-1of3 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-2of3 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-3of3 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-1of4 {
    margin-left: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-2of4 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-3of4 {
    margin-left: 75%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-4of4 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-1of5 {
    margin-left: 20%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-2of5 {
    margin-left: 40%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-3of5 {
    margin-left: 60%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-4of5 {
    margin-left: 80%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-5of5 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-1of6 {
    margin-left: 16.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-2of6 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-3of6 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-4of6 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-5of6 {
    margin-left: 83.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-6of6 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-1of7 {
    margin-left: 14.2857142857%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-2of7 {
    margin-left: 28.5714285714%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-3of7 {
    margin-left: 42.8571428571%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-4of7 {
    margin-left: 57.1428571429%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-5of7 {
    margin-left: 71.4285714286%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-6of7 {
    margin-left: 85.7142857143%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-7of7 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-1of8 {
    margin-left: 12.5%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-2of8 {
    margin-left: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-3of8 {
    margin-left: 37.5%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-4of8 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-5of8 {
    margin-left: 62.5%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-6of8 {
    margin-left: 75%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-7of8 {
    margin-left: 87.5%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-8of8 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-1of9 {
    margin-left: 11.1111111111%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-2of9 {
    margin-left: 22.2222222222%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-3of9 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-4of9 {
    margin-left: 44.4444444444%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-5of9 {
    margin-left: 55.5555555556%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-6of9 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-7of9 {
    margin-left: 77.7777777778%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-8of9 {
    margin-left: 88.8888888889%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-9of9 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-1of10 {
    margin-left: 10%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-2of10 {
    margin-left: 20%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-3of10 {
    margin-left: 30%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-4of10 {
    margin-left: 40%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-5of10 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-6of10 {
    margin-left: 60%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-7of10 {
    margin-left: 70%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-8of10 {
    margin-left: 80%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-9of10 {
    margin-left: 90%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-10of10 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-1of11 {
    margin-left: 9.0909090909%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-2of11 {
    margin-left: 18.1818181818%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-3of11 {
    margin-left: 27.2727272727%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-4of11 {
    margin-left: 36.3636363636%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-5of11 {
    margin-left: 45.4545454545%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-6of11 {
    margin-left: 54.5454545455%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-7of11 {
    margin-left: 63.6363636364%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-8of11 {
    margin-left: 72.7272727273%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-9of11 {
    margin-left: 81.8181818182%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-10of11 {
    margin-left: 90.9090909091%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-11of11 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-1of12 {
    margin-left: 8.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-2of12 {
    margin-left: 16.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-3of12 {
    margin-left: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-4of12 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-5of12 {
    margin-left: 41.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-6of12 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-7of12 {
    margin-left: 58.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-8of12 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-9of12 {
    margin-left: 75%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-10of12 {
    margin-left: 83.3333333333%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-11of12 {
    margin-left: 91.6666666667%;
  }
}

@media screen and (min-width: 1280px) {
  .xlarge-offset-12of12 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-1of1 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-1of2 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-2of2 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-1of3 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-2of3 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-3of3 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-1of4 {
    margin-left: 25%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-2of4 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-3of4 {
    margin-left: 75%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-4of4 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-1of5 {
    margin-left: 20%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-2of5 {
    margin-left: 40%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-3of5 {
    margin-left: 60%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-4of5 {
    margin-left: 80%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-5of5 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-1of6 {
    margin-left: 16.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-2of6 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-3of6 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-4of6 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-5of6 {
    margin-left: 83.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-6of6 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-1of7 {
    margin-left: 14.2857142857%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-2of7 {
    margin-left: 28.5714285714%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-3of7 {
    margin-left: 42.8571428571%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-4of7 {
    margin-left: 57.1428571429%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-5of7 {
    margin-left: 71.4285714286%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-6of7 {
    margin-left: 85.7142857143%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-7of7 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-1of8 {
    margin-left: 12.5%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-2of8 {
    margin-left: 25%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-3of8 {
    margin-left: 37.5%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-4of8 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-5of8 {
    margin-left: 62.5%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-6of8 {
    margin-left: 75%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-7of8 {
    margin-left: 87.5%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-8of8 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-1of9 {
    margin-left: 11.1111111111%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-2of9 {
    margin-left: 22.2222222222%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-3of9 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-4of9 {
    margin-left: 44.4444444444%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-5of9 {
    margin-left: 55.5555555556%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-6of9 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-7of9 {
    margin-left: 77.7777777778%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-8of9 {
    margin-left: 88.8888888889%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-9of9 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-1of10 {
    margin-left: 10%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-2of10 {
    margin-left: 20%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-3of10 {
    margin-left: 30%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-4of10 {
    margin-left: 40%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-5of10 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-6of10 {
    margin-left: 60%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-7of10 {
    margin-left: 70%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-8of10 {
    margin-left: 80%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-9of10 {
    margin-left: 90%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-10of10 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-1of11 {
    margin-left: 9.0909090909%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-2of11 {
    margin-left: 18.1818181818%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-3of11 {
    margin-left: 27.2727272727%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-4of11 {
    margin-left: 36.3636363636%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-5of11 {
    margin-left: 45.4545454545%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-6of11 {
    margin-left: 54.5454545455%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-7of11 {
    margin-left: 63.6363636364%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-8of11 {
    margin-left: 72.7272727273%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-9of11 {
    margin-left: 81.8181818182%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-10of11 {
    margin-left: 90.9090909091%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-11of11 {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-1of12 {
    margin-left: 8.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-2of12 {
    margin-left: 16.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-3of12 {
    margin-left: 25%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-4of12 {
    margin-left: 33.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-5of12 {
    margin-left: 41.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-6of12 {
    margin-left: 50%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-7of12 {
    margin-left: 58.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-8of12 {
    margin-left: 66.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-9of12 {
    margin-left: 75%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-10of12 {
    margin-left: 83.3333333333%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-11of12 {
    margin-left: 91.6666666667%;
  }
}

@media screen and (min-width: 1800px) {
  .xxlarge-offset-12of12 {
    margin-left: 100%;
  }
}

/* Optimo Webfont: TheinhardtRegular-Regular */
@font-face {
  font-family: 'Theinhardt';
  src: url("static/fonts/TheinhardtRegular-Regular.eot");
  /* IE9 Compat Modes */
  src: url("static/fonts/TheinhardtRegular-Regular.eot?#iefix") format("embedded-opentype"), url("static/fonts/TheinhardtRegular-Regular.svg#TheinhardtRegular") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
/* Optimo Webfont: TheinhardtMedium-Regular */
@font-face {
  font-family: 'Theinhardt';
  src: url("static/fonts/TheinhardtMedium-Regular.eot");
  /* IE9 Compat Modes */
  src: url("static/fonts/TheinhardtMedium-Regular.eot?#iefix") format("embedded-opentype"), url("static/fonts/TheinhardtMedium-Regular.svg#TheinhardtMedium") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
}
@-webkit-keyframes loader {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loader {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes rotateOnce {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotateOnce {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.icon-location:before {
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-close-x:before {
  content: "\e900";
}

.icon-list-view:before {
  content: "\e901";
}

.icon-pause:before {
  content: "\e907";
}

.icon-play:before {
  content: "\e908";
}

.icon-grid-view:before {
  content: "\e902";
}

.icon-left-arrow:before {
  content: "\e903";
}

.icon-right-arrow:before {
  content: "\e904";
}

.icon-location:before {
  content: "\e905";
}

.icon-play-button:before {
  content: "\e906";
}

.icon-volume-off:before {
  content: "\e909";
}

.icon-volume-on:before {
  content: "\e90a";
}

.icon-right-arrow-thin:before {
  content: "\e90b";
}

.icon-facebook:before {
  content: "\e90d";
}

.icon-twitter:before {
  content: "\e90c";
}

.icon-linkedin:before {
  content: "\e90e";
}

body, html {
  margin: 0;
  padding: 0;
}

html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  font-size: 16px;
  margin-top: 0 !important;
}
html.no-scroll {
  overflow: hidden;
}

body {
  width: 100%;
  min-height: 100%;
  -webkit-tap-highlight-color: black;
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  background-color: white;
  color: black;
  -webkit-transition: background-color 400ms ease-out;
  -o-transition: background-color 400ms ease-out;
  transition: background-color 400ms ease-out;
}

::-moz-selection {
  background: #f3f3f3;
  color: #555555;
}

::selection {
  background: #f3f3f3;
  color: #555555;
}

::-moz-selection {
  background: #f3f3f3;
  color: #555555;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

ul {
  list-style-type: none;
}

img {
  max-width: 100%;
  height: auto;
}

svg {
  max-width: 100%;
  height: auto;
  display: block;
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

a {
  text-decoration: none;
}

.bots {
  display: none;
}

.visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  width: 2px;
  height: 2px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
}

a {
  color: black;
  -webkit-transition: color 300ms ease-out;
  -o-transition: color 300ms ease-out;
  transition: color 300ms ease-out;
}
a:hover {
  color: black;
  -webkit-transition: color 150ms ease-out;
  -o-transition: color 150ms ease-out;
  transition: color 150ms ease-out;
}

.no-image {
  padding-bottom: 100%;
  background: #eee;
  height: 0;
}

.inline-icon {
  display: inline-block;
  vertical-align: middle;
  fill: inherit;
  height: 1em;
  width: 1em;
}
.inline-icon svg {
  max-width: 100%;
  max-height: 100%;
}

svg path,
svg polygon,
svg line {
  fill: inherit;
  stroke: inherit;
}

h1, .h1 {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-weight: 500;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 768px) {
  h1.font-med, .h1.font-med {
    font-size: 2.25rem;
    line-height: 2.25rem;
  }
}
@media screen and (min-width: 768px) {
  h1.font-lg, .h1.font-lg {
    font-size: 2.25rem;
    line-height: 2.25rem;
  }
}
@media screen and (min-width: 1024px) {
  h1.font-lg, .h1.font-lg {
    font-size: 3.125rem;
    line-height: 3.125rem;
  }
}

h2, .h2 {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-weight: 400;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 1024px) {
  h2, .h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

h3, .h3 {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 40px;
  line-height: 2.5rem;
  font-weight: 400;
}

h4, .h4 {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-weight: 500;
}

h5, .h5 {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 20px;
  line-height: 1.25rem;
}

h6, .h6 {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 20px;
  line-height: 1.25rem;
}

p,
.p {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: normal;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
}

.p-xlg {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: normal;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem;
}

.p-lg {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: normal;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem;
}

.p-med {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: normal;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
}

.p-sm {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: normal;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 20px;
  line-height: 1.25rem;
}

.current-color-stroke {
  stroke: currentColor;
}

[class*="text-link"] {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 400;
}
[class*="text-link"].underline {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

a[class*="text-link"] {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 400;
  color: #707070;
  fill: currentColor;
}
a[class*="text-link"].underline {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
a[class*="text-link"]:hover {
  color: #414042;
}
a[class*="text-link"]:active {
  color: black;
}
a[class*="text-link"].underline {
  border-bottom: 1px solid #eee;
}

a.text-link-transparent {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  fill: currentColor;
}
a.text-link-transparent.underline {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
a.text-link-transparent:hover {
  color: rgba(0, 0, 0, 0.85);
}
a.text-link-transparent:active {
  color: black;
}

a.text-link-cta {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 400;
  color: #707070;
  fill: currentColor;
}
a.text-link-cta.underline {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
a.text-link-cta:hover {
  color: #414042;
}
a.text-link-cta:active {
  color: black;
}
a.text-link-cta.underline {
  border-bottom: 1px solid #eee;
}
a.text-link-cta:not(:hover) {
  color: #333333;
}
a.text-link-cta:hover {
  color: #EC4B3E;
}

a.nav-link {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 400;
  color: #707070;
  fill: currentColor;
}
a.nav-link.underline {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
a.nav-link:hover {
  color: #414042;
}
a.nav-link:active {
  color: black;
}
a.nav-link.underline {
  border-bottom: 1px solid #eee;
}
a.nav-link:not(:hover) {
  color: #333333;
}
a.nav-link:hover {
  color: #EC4B3E;
}

.text-link-map .inline-icon {
  margin-right: 0.3em;
  font-size: 0.75em;
  vertical-align: 0;
}

.text-link-back .inline-icon {
  margin-right: 0.125em;
}

.button-text {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background: transparent;
  border: none;
  border-radius: 0;
  width: auto;
  margin: 0;
  padding: 0;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  display: inline-block;
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 400;
  color: #707070;
  fill: currentColor;
}
.button-text::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.button-text.underline {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.button-text:hover {
  color: #414042;
}
.button-text:active {
  color: black;
}
.button-text.underline {
  border-bottom: 1px solid #eee;
}
.button-text:disabled {
  opacity: 0.5;
}

.button-text-cta {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background: transparent;
  border: none;
  border-radius: 0;
  width: auto;
  margin: 0;
  padding: 0;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  display: inline-block;
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 400;
  color: #707070;
  fill: currentColor;
}
.button-text-cta::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.button-text-cta.underline {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.button-text-cta:hover {
  color: #414042;
}
.button-text-cta:active {
  color: black;
}
.button-text-cta.underline {
  border-bottom: 1px solid #eee;
}
.button-text-cta:disabled {
  opacity: 0.5;
}
.button-text-cta:not(:hover) {
  color: #333333;
}
.button-text-cta:hover {
  color: #EC4B3E;
}

blockquote {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  font-weight: 500;
  quotes: "“" "”" "‘" "’";
  position: relative;
  padding-left: 0;
  border: 0;
}
blockquote:before, blockquote:after {
  font-weight: 400;
  color: #333333;
}
blockquote:before {
  content: open-quote;
  position: absolute;
  top: 0;
  right: 100%;
  padding-right: 0.1em;
}
blockquote:after {
  content: close-quote;
}

@media screen and (min-width: 1024px) {
  .text-one-column {
    width: 50%;
    padding-right: 0.625rem;
  }
}

@media screen and (min-width: 1024px) {
  .text-two-columns {
    -webkit-columns: auto 2;
            columns: auto 2;
    -webkit-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }
}

.text-link {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 400;
}
.text-link.underline {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.text-cta-wrap .text-cta {
  position: absolute;
  white-space: nowrap;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) scale(1.25, 1.25);
      -ms-transform: translateY(-50%) translateX(-50%) scale(1.25, 1.25);
          transform: translateY(-50%) translateX(-50%) scale(1.25, 1.25);
  opacity: 0;
  -webkit-transition: opacity 300ms ease-out, -webkit-transform 300ms ease-out;
  transition: opacity 300ms ease-out, -webkit-transform 300ms ease-out;
  -o-transition: transform 300ms ease-out, opacity 300ms ease-out;
  transition: transform 300ms ease-out, opacity 300ms ease-out;
  transition: transform 300ms ease-out, opacity 300ms ease-out, -webkit-transform 300ms ease-out;
}

.text-cta:not(:hover) {
  color: #333333;
}
.text-cta:hover {
  color: #EC4B3E;
}

.hover-stroke:hover:after {
  width: 100%;
  left: 0;
  border-bottom: 1px solid black;
  -webkit-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}

.hover-stroke {
  display: table;
  position: relative;
}
.hover-stroke:after {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 1px;
  border-bottom: 1px solid black;
  bottom: -20px;
  bottom: -1.25rem;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.count {
  color: #9a9a9a;
  font-weight: 400;
  -webkit-transition: color 300ms ease-out;
  -o-transition: color 300ms ease-out;
  transition: color 300ms ease-out;
}

[class^="sep"] {
  margin-left: 8px;
  margin-left: 0.5rem;
  margin-right: 12.8px;
  margin-right: 0.8rem;
  height: 100%;
}

.sep-comma {
  color: #707070;
  margin-left: 0;
  margin-right: 0;
}
.sep-comma:before {
  content: ', ';
}

.sep-ndash {
  color: #707070;
  margin-left: 0;
  margin-right: 0;
}
.sep-ndash:before {
  content: '\2013';
}

.sep-vertical {
  border-right: 1px solid #ddd;
}

.inline-list li {
  display: inline;
}

.inline-heading {
  display: inline-block;
  margin-right: 4px;
  margin-right: 0.25rem;
}

.type-light {
  font-weight: 100;
}

.type-book {
  font-weight: 400;
}

.type-medium {
  font-weight: 500;
}

.type-bold {
  font-weight: 700;
}

.body-grey {
  color: #555555;
}
.body-grey a {
  color: #555555;
}
.body-grey a:hover {
  color: black;
}

.light-grey {
  color: #707070;
  fill: #707070;
}
.light-grey a {
  color: #707070;
}
.light-grey a:hover {
  color: black;
}

.mid-grey {
  color: #555555;
  fill: #555555;
}
.mid-grey a {
  color: #555555;
}
.mid-grey a:hover {
  color: black;
}

.dark-grey {
  color: #333333;
  fill: #333333;
}
.dark-grey a {
  color: #333333;
}
.dark-grey a:hover {
  color: black;
}

.lighter-grey {
  color: #9a9a9a;
}
.lighter-grey a {
  color: #9a9a9a;
}
.lighter-grey a:hover {
  color: #333;
}

.light-black {
  color: #414042;
}

.mid-black {
  color: #333;
}

.dark-black {
  color: #232323;
}

.black {
  color: black;
}

hr {
  height: 1px;
  border: 0;
  border-bottom: 1px solid #eee;
  display: block;
}

.has-scroll-gradient {
  position: relative;
}
.has-scroll-gradient .scroll-gradient {
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 48px;
  height: 3rem;
  pointer-events: none;
  opacity: 0.8;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-8 */
}
@media screen and (min-width: 768px) {
  .has-scroll-gradient .scroll-gradient {
    display: block;
  }
}
.has-scroll-gradient .scroll-gradient.bottom {
  opacity: 0 !important;
}
.has-scroll-gradient.dark .scroll-gradient {
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(98%, black), color-stop(100%, black));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 98%, black 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 98%, black 100%);
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(98%, black), to(black));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 98%, black 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
  /* IE6-8 */
}

#builder #builder-full-slideshow .close-full-slideshow, .video-player .video-play, .video-player .controls-play {
  text-decoration: none;
  apearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  outline: 0;
}

#wpadminbar {
  position: fixed !important;
}
@media screen and (min-width: 768px) {
  #wpadminbar {
    height: 2rem;
  }
}

.admin-bar body {
  padding-top: 46px;
  padding-top: 2.875rem;
}
@media screen and (min-width: 768px) {
  .admin-bar body {
    padding-top: 2rem;
  }
}

#page-content {
  padding-top: 60px;
  padding-top: 3.75rem;
}
@media screen and (min-width: 1024px) {
  #page-content {
    padding-top: 0;
    padding-left: 4.375rem;
  }
}
@media screen and (min-width: 1024px) {
  #page-content .page-content-inner {
    min-height: calc(100vh - 26.875rem);
  }
}
@media screen and (min-width: 1024px) {
  .admin-bar #page-content {
    min-height: calc(100vh - 28.875rem);
  }
}

.wrapper, .divider, #builder .full-bleed .block-gallery .slider-below-inner, .full-bleed .video-player .video-controls {
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
}
.wrapper.pad, .pad.divider, #builder .full-bleed .block-gallery .pad.slider-below-inner, .full-bleed .video-player .pad.video-controls {
  padding: 20px;
  padding: 1.25rem;
}
.wrapper.row-contain, .row-contain.divider, #builder .full-bleed .block-gallery .row-contain.slider-below-inner, .full-bleed .video-player .row-contain.video-controls {
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
}

.row.full-bleed {
  margin-left: -20px;
  margin-left: -1.25rem;
  margin-right: -20px;
  margin-right: -1.25rem;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.flex-rtl {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.no-small {
  display: none;
}
@media screen and (min-width: 768px) {
  .no-small {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .small-only {
    display: none;
  }
}

.no-small-medium {
  display: none;
}
@media screen and (min-width: 1024px) {
  .no-small-medium {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .no-medium-up {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .no-large-up {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .medium-up {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .large-up {
    display: none;
  }
}

.full-height {
  height: 100%;
}

.full-width {
  width: 100%;
}

[class*="valign-"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.valign-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.valign-bottom {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.page-header {
  margin-top: 40px;
  margin-top: 2.5rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .page-header {
    margin-top: 10rem;
    margin-bottom: 2.5rem;
  }
}

.divider {
  margin-top: 40px;
  margin-top: 2.5rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .divider {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
.divider:after {
  content: ' ';
  display: block;
  width: 100%;
  border-top: 1px solid #eee;
}

.wrapper .divider, .divider .divider, #builder .full-bleed .block-gallery .slider-below-inner .divider, .full-bleed .video-player .video-controls .divider {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.has-absolute {
  position: relative;
}

[class*=" absolute-"] {
  display: block;
  position: absolute;
}

[class*="absolute-top-left"] {
  top: 0;
  left: 0;
}

[class*="absolute-top-right"] {
  top: 0;
  right: 0;
}

[class*="absolute-bottom-left"] {
  bottom: 0;
  left: 0;
}

@media screen and (min-width: 768px) {
  [class*=" medium-absolute-"] {
    display: block;
    position: absolute;
  }
}

.row.full-bleed {
  margin-left: -20px;
  margin-left: -1.25rem;
  margin-right: -20px;
  margin-right: -1.25rem;
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .row.full-bleed {
    margin-left: -;
    margin-right: -;
  }
}
@media screen and (min-width: 1024px) {
  .row.full-bleed {
    margin-left: -;
    margin-right: -;
  }
}
@media screen and (min-width: 1800px) {
  .row.full-bleed {
    margin-left: -;
    margin-right: -;
  }
}

.mobile-header::after {
  clear: both;
  content: "";
  display: table;
}
.mobile-header .headline {
  float: left;
}
@media screen and (min-width: 768px) {
  .mobile-header .headline {
    float: none;
  }
}
.mobile-header .all-link,
.mobile-header .text-link,
.mobile-header .text-link-wrap {
  float: right;
}
@media screen and (min-width: 768px) {
  .mobile-header .all-link,
  .mobile-header .text-link,
  .mobile-header .text-link-wrap {
    float: none;
  }
}

.medium-mobile-header::after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .medium-mobile-header .headline {
    float: left;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .medium-mobile-header .all-link,
  .medium-mobile-header .text-link,
  .medium-mobile-header .text-link-wrap {
    float: right;
  }
}

@media screen and (min-width: 768px) {
  .stretch-headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .stretch-headline .headline {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media screen and (min-width: 768px) {
  .stretch-headline .headline + * {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

@media screen and (min-width: 1024px) {
  .large-stretch-headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (min-width: 1024px) {
  .large-stretch-headline .headline {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media screen and (min-width: 1024px) {
  .large-stretch-headline .headline + * {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

@media screen and (min-width: 768px) {
  .small-only {
    display: none;
  }
}

.medium-up {
  display: none;
}
@media screen and (min-width: 768px) {
  .medium-up {
    display: block;
  }
}

.large-up {
  display: none;
}
@media screen and (min-width: 768px) {
  .large-up {
    display: block;
  }
}

.modules-wrap {
  background: transparent;
}

.modules-wrap,
.full-module {
  margin-top: 40px;
  margin-top: 2.5rem;
}

.module-outer {
  padding: 10px;
  padding: 0.625rem;
  background: white;
}

.module-inner {
  position: relative;
}

.module-header {
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}
.module-header::after {
  clear: both;
  content: "";
  display: table;
}
.module-header .module-title {
  float: left;
}
.module-header .module-header-links {
  float: right;
}
.module-header .module-header-links .sep {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5.6px;
  margin-left: 0.35rem;
  margin-right: 5.6px;
  margin-right: 0.35rem;
  height: 10.8px;
  height: 0.675rem;
  border-right: 1px solid #eee;
}

@media screen and (min-width: 768px) {
  .row-header {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    margin-left: -0.625rem;
  }
}

.fluid-width-video-wrapper {
  width: 100%;
  padding: 0;
  padding-bottom: 56.2%;
  position: relative;
  overflow: hidden;
}
.fluid-width-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.no-click {
  display: block;
  height: 0;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity 400ms cubic-bezier(0.77, 0, 0.175, 1), z-index 0s linear 400ms, height 0s linear 400ms, width 0s linear 400ms, -webkit-transform 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 400ms cubic-bezier(0.77, 0, 0.175, 1), z-index 0s linear 400ms, height 0s linear 400ms, width 0s linear 400ms, -webkit-transform 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: transform 400ms cubic-bezier(0.77, 0, 0.175, 1), opacity 400ms cubic-bezier(0.77, 0, 0.175, 1), z-index 0s linear 400ms, height 0s linear 400ms, width 0s linear 400ms;
  transition: transform 400ms cubic-bezier(0.77, 0, 0.175, 1), opacity 400ms cubic-bezier(0.77, 0, 0.175, 1), z-index 0s linear 400ms, height 0s linear 400ms, width 0s linear 400ms;
  transition: transform 400ms cubic-bezier(0.77, 0, 0.175, 1), opacity 400ms cubic-bezier(0.77, 0, 0.175, 1), z-index 0s linear 400ms, height 0s linear 400ms, width 0s linear 400ms, -webkit-transform 400ms cubic-bezier(0.77, 0, 0.175, 1);
}

.section-head {
  height: 60px;
  height: 3.75rem;
  padding-top: 40px;
  padding-top: 2.5rem;
}
.section-head h1, .section-head h2, .section-head h3, .section-head h4, .section-head h5 {
  text-transform: uppercase;
}

.top-margin {
  margin-top: 20px;
  margin-top: 1.25rem;
}
.top-margin.x-5 {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.top-margin.x2 {
  margin-top: 40px;
  margin-top: 2.5rem;
}
.top-margin.x3 {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .top-margin.x3 {
    margin-top: 3.75rem;
  }
}
.top-margin.x4 {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .top-margin.x4 {
    margin-top: 5rem;
  }
}

.bottom-margin {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.bottom-margin.x-5 {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.bottom-margin.x2 {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
.bottom-margin.x3 {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .bottom-margin.x3 {
    margin-bottom: 3.75rem;
  }
}
.bottom-margin.x4 {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .bottom-margin.x4 {
    margin-bottom: 5rem;
  }
}

.margins {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.margins.x-5 {
  margin-top: 10px;
  margin-top: 0.625rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.margins.x2 {
  margin-top: 40px;
  margin-top: 2.5rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
.margins.x3 {
  margin-top: 40px;
  margin-top: 2.5rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .margins.x3 {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }
}
.margins.x4 {
  margin-top: 40px;
  margin-top: 2.5rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .margins.x4 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}

.top-padding {
  padding-top: 20px;
  padding-top: 1.25rem;
}
.top-padding.x-5 {
  padding-top: 10px;
  padding-top: 0.625rem;
}
.top-padding.x2 {
  padding-top: 40px;
  padding-top: 2.5rem;
}
.top-padding.x3 {
  padding-top: 40px;
  padding-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .top-padding.x3 {
    padding-top: 3.75rem;
  }
}
.top-padding.x4 {
  padding-top: 40px;
  padding-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .top-padding.x4 {
    padding-top: 5rem;
  }
}

.bottom-padding {
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}
.bottom-padding.x-5 {
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}
.bottom-padding.x2 {
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}
.bottom-padding.x3 {
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .bottom-padding.x3 {
    padding-bottom: 3.75rem;
  }
}
.bottom-padding.x4 {
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .bottom-padding.x4 {
    padding-bottom: 5rem;
  }
}

.paddings {
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}
.paddings.x-5 {
  padding-top: 10px;
  padding-top: 0.625rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}
.paddings.x2 {
  padding-top: 40px;
  padding-top: 2.5rem;
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}
.paddings.x3 {
  padding-top: 40px;
  padding-top: 2.5rem;
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .paddings.x3 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
.paddings.x4 {
  padding-top: 40px;
  padding-top: 2.5rem;
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .paddings.x4 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.o-f-cover .lazy {
  width: 100%;
  height: 100%;
  padding-bottom: 0 !important;
}
.o-f-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover";
}

.o-f-contain .lazy {
  width: 100%;
  height: 100%;
  padding-bottom: 0 !important;
}
.o-f-contain img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "object-fit: contain";
}

#no-click {
  display: none;
  position: fixed;
  top: 60px;
  top: 3.75rem;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
  background: rgba(243, 243, 243, 0.95);
  -webkit-transition: -webkit-backdrop-filter 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: -webkit-backdrop-filter 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: backdrop-filter 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: backdrop-filter 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: backdrop-filter 400ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-backdrop-filter 400ms cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (min-width: 1024px) {
  #no-click {
    top: 0;
  }
}
.no-click-visible #no-click {
  -webkit-backdrop-filter: blur(4px) saturate(105%);
          backdrop-filter: blur(4px) saturate(105%);
}

.js-has-fixed {
  position: relative;
}

.align-right {
  text-align: right;
}

.stroke-top {
  border-top: 1px solid #eee;
  padding-top: 40px;
  padding-top: 2.5rem;
}

.fixed-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.admin-bar .fixed-content {
  margin-top: 32px;
}
.fixed-content.fixed {
  position: fixed;
}

.fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}

.static-content {
  position: relative;
  z-index: 2;
}

.top-border {
  border-top: 1px solid #eee;
}

.bottom-border {
  border-bottom: 1px solid #eee;
}

.borders {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.top-padding {
  padding-top: 80px;
  padding-top: 5rem;
}
.top-padding.half {
  padding-top: 40px;
  padding-top: 2.5rem;
}
.top-padding.quarter {
  padding-top: 20px;
  padding-top: 1.25rem;
}

.bottom-padding {
  padding-bottom: 80px;
  padding-bottom: 5rem;
}
.bottom-padding.half {
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}
.bottom-padding.quarter {
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}

.paddings {
  padding-top: 80px;
  padding-top: 5rem;
  padding-bottom: 80px;
  padding-bottom: 5rem;
}
.paddings.half {
  padding-top: 40px;
  padding-top: 2.5rem;
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}
.paddings.quarter {
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}

.with-stroke {
  position: relative;
}
.with-stroke span:not(.num) {
  display: table;
  position: relative;
  z-index: 1;
  padding-right: 16px;
  padding-right: 1rem;
  background: white;
}
.with-stroke:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  border-top: 1px solid #eee;
}
.with-stroke.centered span:not(.num) {
  margin: 0 auto;
  padding-left: 16px;
  padding-left: 1rem;
}

.vertical-stroke-list li {
  border-right: 1px solid #eee;
}
.vertical-stroke-list li:last-of-type {
  border-right: 0;
}

.neg-small {
  margin-right: -20px;
  margin-right: -1.25rem;
  margin-left: -20px;
  margin-left: -1.25rem;
}
@media screen and (min-width: 768px) {
  .neg-small {
    margin-right: auto;
    margin-left: auto;
  }
}

.vertical-align__wrap {
  display: table !important;
  width: 100%;
  height: 100%;
}
.vertical-align__wrap .vertical-align {
  display: table-cell !important;
  vertical-align: middle !important;
  float: none !important;
}

@media screen and (min-width: 768px) {
  .vertical-align__wrap-large {
    display: table !important;
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  .vertical-align__wrap-large .vertical-align {
    display: table-cell !important;
    vertical-align: middle !important;
    float: none !important;
  }
}

.pad-to-medium {
  padding: 16px;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .pad-to-medium {
    padding: 0;
  }
}

.pad-to-large {
  padding: 16px;
  padding: 1rem;
}
@media screen and (min-width: 1024px) {
  .pad-to-large {
    padding: 0;
  }
}

.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

.link-card {
  display: block;
}

.no-small {
  display: none;
}
@media screen and (min-width: 768px) {
  .no-small {
    display: block;
  }
}

.padded-border-top {
  padding-top: 24px;
  padding-top: 1.5rem;
  border-top: 1px solid #eee;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .padded-border-top {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.underline-grey {
  border-bottom: 1px solid #eee;
}

.empty-state {
  width: 100%;
  color: #ccc;
  text-align: center;
  font-size: 14px !important;
  font-size: 0.875rem !important;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}

.center {
  text-align: center;
}

.uppercase {
  text-transform: uppercase !important;
}

.capitalize {
  text-transform: capitalize !important;
}

.lowercase {
  text-transform: lowercase !important;
}

.dotted-stroke {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.05);
}

.mast {
  padding: 32px 0 0;
  padding: 2rem 0 0;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  position: relative;
}

.spaced-caps {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.no-padding {
  padding: 0 !important;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
}

.richtext p,
.richtext ul,
.richtext ol {
  text-align: left;
  text-indent: 0 !important;
  color: #555555;
}
@media screen and (min-width: 768px) {
  .richtext p,
  .richtext ul,
  .richtext ol {
    max-width: 40em;
  }
}
@media screen and (min-width: 1024px) {
  .richtext p,
  .richtext ul,
  .richtext ol {
    max-width: 35em;
  }
}
.richtext p + p, .richtext p + ul, .richtext p + ol,
.richtext ul + p,
.richtext ul + ul,
.richtext ul + ol,
.richtext ol + p,
.richtext ol + ul,
.richtext ol + ol {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.richtext p + img, .richtext p + .plyr,
.richtext ul + img,
.richtext ul + .plyr,
.richtext ol + img,
.richtext ol + .plyr {
  margin-top: 20px;
  margin-top: 1.25rem;
}
.richtext img + p, .richtext img + ul, .richtext img + ol, .richtext img + img, .richtext img + .plyr,
.richtext .plyr + p,
.richtext .plyr + ul,
.richtext .plyr + ol,
.richtext .plyr + img,
.richtext .plyr + .plyr {
  margin-top: 20px;
  margin-top: 1.25rem;
}
.richtext ul,
.richtext ol {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: normal;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.richtext ul li {
  padding-left: 10px;
  padding-left: 0.625rem;
  position: relative;
}
.richtext ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '\2022';
  display: inline-block;
  line-height: inherit;
  color: #707070;
}
.richtext blockquote {
  margin: 40px 0;
  margin: 2.5rem 0;
  padding-left: 40px;
  padding-left: 2.5rem;
}
.richtext blockquote p {
  text-align: left;
  font-weight: 500;
}
.richtext strong {
  font-weight: 500;
}
.richtext a {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 400;
  color: #707070;
  fill: currentColor;
  font-size: inherit;
  line-height: inherit;
  border-bottom: 1px solid #eee;
}
.richtext a.underline {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.richtext a:hover {
  color: #414042;
}
.richtext a:active {
  color: black;
}
.richtext a.underline {
  border-bottom: 1px solid #eee;
}
.richtext a:not(:hover) {
  color: #333333;
}
.richtext a:hover {
  color: #EC4B3E;
}
@media screen and (min-width: 768px) {
  .richtext.type-lg p,
  .richtext.type-lg ul,
  .richtext.type-lg ol {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  .richtext.type-lg p + p, .richtext.type-lg p + ul, .richtext.type-lg p + ol,
  .richtext.type-lg ul + p,
  .richtext.type-lg ul + ul,
  .richtext.type-lg ul + ol,
  .richtext.type-lg ol + p,
  .richtext.type-lg ol + ul,
  .richtext.type-lg ol + ol {
    margin-top: 1.875rem;
  }
  .richtext.type-lg p + img, .richtext.type-lg p + .plyr,
  .richtext.type-lg ul + img,
  .richtext.type-lg ul + .plyr,
  .richtext.type-lg ol + img,
  .richtext.type-lg ol + .plyr {
    margin-top: 3.75rem;
  }
  .richtext.type-lg img + p, .richtext.type-lg img + ul, .richtext.type-lg img + ol,
  .richtext.type-lg .plyr + p,
  .richtext.type-lg .plyr + ul,
  .richtext.type-lg .plyr + ol {
    margin-top: 3.75rem;
  }
  .richtext.type-lg img + img, .richtext.type-lg img + .plyr,
  .richtext.type-lg .plyr + img,
  .richtext.type-lg .plyr + .plyr {
    margin-top: 1.875rem;
  }
}
.richtext [class*="text-link"] {
  font-size: inherit;
}

/* Recommended styles for Splitting */
.splitting .word,
.splitting .char {
  display: inline-block;
}

/* Psuedo-element chars */
.splitting .char {
  position: relative;
}

/**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */
.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-animation: inherit;
          animation: inherit;
  -webkit-transform-origin: inherit;
      -ms-transform-origin: inherit;
          transform-origin: inherit;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes rotateLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes slideRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes scaleUp {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(100%);
            transform: scaleY(100%);
  }
}
@keyframes scaleUp {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(100%);
            transform: scaleY(100%);
  }
}
.char {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
@media screen and (min-width: 1024px) {
  .char {
    opacity: 0;
  }
}
.char.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
.char.slideUp {
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-animation-name: slideUp;
          animation-name: slideUp;
}
.char.rotateLeft {
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-animation-name: rotateLeft;
          animation-name: rotateLeft;
}
.char.slideLeft {
  -webkit-animation-name: slideLeft;
          animation-name: slideLeft;
}
.char.slideRight {
  -webkit-animation-name: slideRight;
          animation-name: slideRight;
}
.char.scaleUp {
  -webkit-animation-name: scaleUp;
          animation-name: scaleUp;
}

@-webkit-keyframes plyr-progress {
  to {
    background-position: 25px 0;
  }
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
  }
}
@-webkit-keyframes plyr-popup {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes plyr-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes plyr-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: subpixel-antialiased;
  direction: ltr;
  font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  line-height: 1.7;
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.plyr video,
.plyr audio {
  border-radius: inherit;
  height: auto;
  vertical-align: middle;
  width: 100%;
}
.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui *::after,
.plyr--full-ui *::before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

.plyr__badge {
  background: #4f5b5f;
  border-radius: 2px;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  -webkit-animation: plyr-fade-in 0.3s ease;
          animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  color: #fff;
  display: none;
  font-size: 14px;
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  width: 100%;
}
.plyr__captions .plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}
.plyr__captions .plyr__caption div {
  display: inline;
}
.plyr__captions span:empty {
  display: none;
}
@media (min-width: 480px) {
  .plyr__captions {
    font-size: 16px;
    padding: 20px;
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
  }
}

.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  -webkit-transform: translateY(-40px);
      -ms-transform: translateY(-40px);
          transform: translateY(-40px);
}

.plyr__control {
  background: transparent;
  border: 0;
  border-radius: 3px;
  color: inherit;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 18px;
  pointer-events: none;
  width: 18px;
}
.plyr__control:focus {
  outline: 0;
}
.plyr__control.plyr__tab-focus {
  -webkit-box-shadow: 0 0 0 5px rgba(236, 75, 62, 0.5);
          box-shadow: 0 0 0 5px rgba(236, 75, 62, 0.5);
  outline: 0;
}

a.plyr__control {
  text-decoration: none;
}
a.plyr__control::after, a.plyr__control::before {
  display: none;
}

.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
.plyr__control.plyr__control--pressed .label--not-pressed {
  display: none;
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded='true'] {
  background: #EC4B3E;
  color: #fff;
}

.plyr--video .plyr__control svg {
  -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15));
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded='true'] {
  background: #EC4B3E;
  color: #fff;
}

.plyr__control--overlaid {
  background: rgba(236, 75, 62, 0.8);
  border: 0;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  color: #fff;
  display: none;
  left: 50%;
  padding: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
  background: #EC4B3E;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: center;
}
.plyr__controls > .plyr__control,
.plyr__controls .plyr__progress,
.plyr__controls .plyr__time,
.plyr__controls .plyr__menu,
.plyr__controls .plyr__volume {
  margin-left: 5px;
}
.plyr__controls .plyr__menu + .plyr__control,
.plyr__controls > .plyr__control + .plyr__menu,
.plyr__controls > .plyr__control + .plyr__control,
.plyr__controls .plyr__progress + .plyr__control {
  margin-left: 2px;
}
.plyr__controls > .plyr__control:first-child,
.plyr__controls > .plyr__control:first-child + [data-plyr='pause'] {
  margin-left: 0;
  margin-right: auto;
}
.plyr__controls:empty {
  display: none;
}
@media (min-width: 480px) {
  .plyr__controls > .plyr__control,
  .plyr__controls .plyr__menu,
  .plyr__controls .plyr__progress,
  .plyr__controls .plyr__time,
  .plyr__controls .plyr__volume {
    margin-left: 10px;
  }
}

.plyr--audio .plyr__controls {
  background: #fff;
  border-radius: inherit;
  color: #4f5b5f;
  padding: 10px;
}

.plyr--video .plyr__controls {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 20px 5px 5px;
  position: absolute;
  right: 0;
  -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  z-index: 3;
}
@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 35px 10px 10px;
  }
}

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.plyr [data-plyr='captions'],
.plyr [data-plyr='pip'],
.plyr [data-plyr='airplay'],
.plyr [data-plyr='fullscreen'] {
  display: none;
}

.plyr--captions-enabled [data-plyr='captions'],
.plyr--pip-supported [data-plyr='pip'],
.plyr--airplay-supported [data-plyr='airplay'],
.plyr--fullscreen-enabled [data-plyr='fullscreen'] {
  display: inline-block;
}

.plyr__video-embed {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.plyr__video-embed iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  -webkit-transform: translateY(-38.28125%);
      -ms-transform: translateY(-38.28125%);
          transform: translateY(-38.28125%);
}

.plyr__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.plyr__menu .plyr__control svg {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded='true'] svg {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded='true'] .plyr__tooltip {
  display: none;
}
.plyr__menu__container {
  -webkit-animation: plyr-popup 0.2s ease;
          animation: plyr-popup 0.2s ease;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #4f5b5f;
  font-size: 16px;
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.plyr__menu__container > div {
  overflow: hidden;
  -webkit-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
  border: 4px solid transparent;
  border-top-color: rgba(255, 255, 255, 0.9);
  content: '';
  height: 0;
  position: absolute;
  right: 15px;
  top: 100%;
  width: 0;
}
.plyr__menu__container [role='menu'] {
  padding: 7px;
}
.plyr__menu__container [role='menuitem'],
.plyr__menu__container [role='menuitemradio'] {
  margin-top: 2px;
}
.plyr__menu__container [role='menuitem']:first-child,
.plyr__menu__container [role='menuitemradio']:first-child {
  margin-top: 0;
}
.plyr__menu__container .plyr__control {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4f5b5f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  padding: 4px 11px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}
.plyr__menu__container .plyr__control > span {
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.plyr__menu__container .plyr__control::after {
  border: 4px solid transparent;
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
}
.plyr__menu__container .plyr__control--forward::after {
  border-left-color: rgba(79, 91, 95, 0.8);
  right: 5px;
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
  border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
  font-weight: 500;
  margin: 7px;
  margin-bottom: 3px;
  padding-left: 28px;
  position: relative;
  width: calc(100% - 14px);
}
.plyr__menu__container .plyr__control--back::after {
  border-right-color: rgba(79, 91, 95, 0.8);
  left: 7px;
}
.plyr__menu__container .plyr__control--back::before {
  background: #b7c5cd;
  -webkit-box-shadow: 0 1px 0 #fff;
          box-shadow: 0 1px 0 #fff;
  content: '';
  height: 1px;
  left: 0;
  margin-top: 4px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
  border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role='menuitemradio'] {
  padding-left: 7px;
}
.plyr__menu__container .plyr__control[role='menuitemradio']::before, .plyr__menu__container .plyr__control[role='menuitemradio']::after {
  border-radius: 100%;
}
.plyr__menu__container .plyr__control[role='menuitemradio']::before {
  background: rgba(0, 0, 0, 0.1);
  content: '';
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 16px;
}
.plyr__menu__container .plyr__control[role='menuitemradio']::after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0);
      -ms-transform: translateY(-50%) scale(0);
          transform: translateY(-50%) scale(0);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  width: 6px;
}
.plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::before {
  background: #EC4B3E;
}
.plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::after {
  opacity: 1;
  -webkit-transform: translateY(-50%) scale(1);
      -ms-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role='menuitemradio'].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role='menuitemradio']:hover::before {
  background: rgba(0, 0, 0, 0.1);
}
.plyr__menu__container .plyr__menu__value {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  overflow: hidden;
  padding-left: 25px;
  pointer-events: none;
}

.plyr--full-ui input[type='range'] {
  -webkit-appearance: none;
  /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: 26px;
  color: #EC4B3E;
  display: block;
  height: 19px;
  margin: 0;
  padding: 0;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  width: 100%;
}
.plyr--full-ui input[type='range']::-webkit-slider-runnable-track {
  background: transparent;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -webkit-user-select: none;
          user-select: none;
  background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(transparent));
  background-image: -webkit-linear-gradient(left, currentColor var(--value, 0%), transparent var(--value, 0%));
  background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%));
}
.plyr--full-ui input[type='range']::-webkit-slider-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
  height: 13px;
  position: relative;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  -webkit-appearance: none;
  /* stylelint-disable-line */
  margin-top: -4px;
}
.plyr--full-ui input[type='range']::-moz-range-track {
  background: transparent;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -moz-user-select: none;
       user-select: none;
}
.plyr--full-ui input[type='range']::-moz-range-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
  height: 13px;
  position: relative;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
}
.plyr--full-ui input[type='range']::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  height: 5px;
}
.plyr--full-ui input[type='range']::-ms-track {
  background: transparent;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -ms-user-select: none;
      user-select: none;
  color: transparent;
}
.plyr--full-ui input[type='range']::-ms-fill-upper {
  background: transparent;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -ms-user-select: none;
      user-select: none;
}
.plyr--full-ui input[type='range']::-ms-fill-lower {
  background: transparent;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -ms-user-select: none;
      user-select: none;
  background: currentColor;
}
.plyr--full-ui input[type='range']::-ms-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
  height: 13px;
  position: relative;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  margin-top: 0;
}
.plyr--full-ui input[type='range']::-ms-tooltip {
  display: none;
}
.plyr--full-ui input[type='range']:focus {
  outline: 0;
}
.plyr--full-ui input[type='range']::-moz-focus-outer {
  border: 0;
}
.plyr--full-ui input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track {
  -webkit-box-shadow: 0 0 0 5px rgba(236, 75, 62, 0.5);
          box-shadow: 0 0 0 5px rgba(236, 75, 62, 0.5);
  outline: 0;
}
.plyr--full-ui input[type='range'].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 5px rgba(236, 75, 62, 0.5);
  outline: 0;
}
.plyr--full-ui input[type='range'].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 5px rgba(236, 75, 62, 0.5);
  outline: 0;
}

.plyr--full-ui.plyr--video input[type='range']::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type='range']::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type='range']::-ms-track {
  background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type='range']:active::-webkit-slider-thumb {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type='range']:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type='range']:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.plyr--full-ui.plyr--audio input[type='range']::-webkit-slider-runnable-track {
  background-color: rgba(183, 197, 205, 0.66);
}
.plyr--full-ui.plyr--audio input[type='range']::-moz-range-track {
  background-color: rgba(183, 197, 205, 0.66);
}
.plyr--full-ui.plyr--audio input[type='range']::-ms-track {
  background-color: rgba(183, 197, 205, 0.66);
}
.plyr--full-ui.plyr--audio input[type='range']:active::-webkit-slider-thumb {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type='range']:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type='range']:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.plyr__poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr__time {
  font-size: 14px;
}

.plyr__time + .plyr__time::before {
  content: '\2044';
  margin-right: 10px;
}
@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}

.plyr--video .plyr__time {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.plyr__tooltip {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #4f5b5f;
  font-size: 14px;
  font-weight: 500;
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  opacity: 0;
  padding: 5px 7.5px;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate(-50%, 10px) scale(0.8);
      -ms-transform: translate(-50%, 10px) scale(0.8);
          transform: translate(-50%, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  -o-transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2;
}
.plyr__tooltip::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  bottom: -4px;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control:hover .plyr__tooltip,
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  -webkit-transform: translate(-50%, 0) scale(1);
      -ms-transform: translate(-50%, 0) scale(1);
          transform: translate(-50%, 0) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  -webkit-transform: translate(0, 10px) scale(0.8);
      -ms-transform: translate(0, 10px) scale(0.8);
          transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
  left: 16px;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  -webkit-transform: translate(0, 10px) scale(0.8);
      -ms-transform: translate(0, 10px) scale(0.8);
          transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
  left: auto;
  right: 16px;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}

.plyr--video {
  background: #000;
  overflow: hidden;
}
.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: #000;
  border-radius: inherit;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__progress {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  left: 6.5px;
  margin-right: 13px;
  position: relative;
}
.plyr__progress input[type='range'], .plyr__progress__buffer {
  margin-left: -6.5px;
  margin-right: -6.5px;
  width: calc(100% + 13px);
}
.plyr__progress input[type='range'] {
  position: relative;
  z-index: 2;
}
.plyr__progress .plyr__tooltip {
  font-size: 14px;
  left: 0;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: 100px;
  height: 5px;
  left: 0;
  margin-top: -2.5px;
  padding: 0;
  position: absolute;
  top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
  background: transparent;
}
.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  -webkit-transition: width 0.2s ease;
  -o-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  -webkit-transition: width 0.2s ease;
  -o-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -webkit-transition: width 0.2s ease;
  -o-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr--video .plyr__progress__buffer {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.25);
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(183, 197, 205, 0.66);
}

.plyr--loading .plyr__progress__buffer {
  -webkit-animation: plyr-progress 1s linear infinite;
          animation: plyr-progress 1s linear infinite;
  background-image: -webkit-linear-gradient(135deg, rgba(47, 52, 61, 0.6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(135deg, rgba(47, 52, 61, 0.6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(47, 52, 61, 0.6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  color: transparent;
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.25);
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(183, 197, 205, 0.66);
}

.plyr__volume {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.plyr__volume input[type='range'] {
  margin-left: 5px;
  position: relative;
  z-index: 2;
}
@media (min-width: 480px) {
  .plyr__volume {
    max-width: 90px;
  }
}
@media (min-width: 768px) {
  .plyr__volume {
    max-width: 110px;
  }
}

.plyr--is-ios .plyr__volume {
  display: none !important;
}

.plyr--is-ios.plyr--vimeo [data-plyr='mute'] {
  display: none !important;
}

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-webkit-full-screen video {
  height: 100%;
}
.plyr:-moz-full-screen video {
  height: 100%;
}
.plyr:-ms-fullscreen video {
  height: 100%;
}
.plyr:fullscreen video {
  height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}
.plyr:fullscreen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}
.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
  }
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
  }
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
  }
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
  }
}

/* stylelint-disable-next-line */
.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-webkit-full-screen video {
  height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
  }
}

/* stylelint-disable-next-line */
.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-moz-full-screen video {
  height: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
  }
}

/* stylelint-disable-next-line */
.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-ms-fullscreen video {
  height: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
  }
}

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
}
.plyr--fullscreen-fallback video {
  height: 100%;
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
  }
}

.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.plyr__ads::after {
  background: rgba(47, 52, 61, 0.8);
  border-radius: 2px;
  bottom: 10px;
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  z-index: 3;
}
.plyr__ads::after:empty {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  left: 0;
  margin: -2.5px 0 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate(0, 10px) scale(0.8);
      -ms-transform: translate(0, 10px) scale(0.8);
          transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  -o-transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  z-index: 2;
}
.plyr__preview-thumb--is-shown {
  opacity: 1;
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}
.plyr__preview-thumb::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  bottom: -4px;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr__preview-thumb__image-container {
  background: #b7c5cd;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__preview-thumb__image-container img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr__preview-thumb__time-container {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 3;
}
.plyr__preview-thumb__time-container span {
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  padding: 3px 6px;
}

.plyr__preview-scrubbing {
  bottom: 0;
  -webkit-filter: blur(1px);
          filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}
.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}

.archive-pagination {
  margin-top: 80px;
  margin-top: 5rem;
  text-align: right;
}
.archive-pagination .headline {
  display: inline-block;
}
.archive-pagination .pages {
  display: inline-block;
  padding: 0 10px;
  padding: 0 0.625rem;
  margin-right: 10px;
  margin-right: 0.625rem;
  border-right: 1px solid #eee;
}
.archive-pagination .pages [class*='text-link'] {
  display: inline-block;
  padding: 0 2px;
  padding: 0 0.125rem;
}
.archive-pagination .current-page {
  color: #EC4B3E;
  font-weight: 500;
}
.archive-pagination .next-prev {
  display: inline-block;
}
.archive-pagination .text-link-back {
  margin-right: 10px;
  margin-right: 0.625rem;
}

#builder .row-contain:not(:first-of-type) {
  margin-top: 20px;
  margin-top: 1.25rem;
}
#builder .row-contain.full-bleed {
  display: block;
  margin-left: -10px;
  margin-left: -0.625rem;
  margin-right: -10px;
  margin-right: -0.625rem;
}
#builder .row-contain.full-bleed::after {
  clear: both;
  content: "";
  display: table;
}
#builder .builder-block + .builder-block {
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  #builder .builder-block + .builder-block {
    margin-top: 0;
  }
}
#builder .block-image img {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
#builder .block-gallery .slider-contain {
  background: #f3f3f3;
}
#builder .block-gallery .slide img {
  width: 100%;
}
#builder .block-gallery .slider-below {
  padding-top: 10px;
  padding-top: 0.625rem;
}
#builder .block-gallery .slide-controls {
  float: right;
  padding-left: 20px;
  padding-left: 1.25rem;
}
#builder .block-gallery .slide-caption {
  display: none;
  opacity: 0;
}
#builder .block-quote {
  padding-top: 40px;
  padding-top: 2.5rem;
}
#builder .block-quote blockquote {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 1024px) {
  #builder .block-quote blockquote {
    max-width: 70rem;
  }
}
#builder #builder-full-slideshow {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  padding: 20px;
  padding: 1.25rem;
  background: white;
  display: none;
}
#builder #builder-full-slideshow .close-full-slideshow {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 36px;
  font-size: 2.25rem;
  color: #707070;
  -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  cursor: pointer;
}
#builder #builder-full-slideshow .close-full-slideshow:hover {
  color: black;
  -webkit-transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#builder #builder-full-slideshow .close-full-slideshow:active {
  -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
          transform: scale(0.85);
}
#builder #builder-full-slideshow .full-slideshow-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
#builder #builder-full-slideshow .slider-contents {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#builder #builder-full-slideshow .controls-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: right;
}
#builder #builder-full-slideshow .slider-captions {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#builder #builder-full-slideshow .slides-wrap {
  height: 100%;
}
#builder #builder-full-slideshow .full-slider {
  opacity: 0;
  overflow: hidden;
}
#builder #builder-full-slideshow .slick-list,
#builder #builder-full-slideshow .slick-track {
  height: inherit;
}
#builder #builder-full-slideshow .lazy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  background: transparent;
}
#builder #builder-full-slideshow img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
#builder #builder-full-slideshow .video-player {
  margin-left: auto;
  margin-right: auto;
}
#builder #builder-full-slideshow .slideshow-main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.footer-main {
  margin-top: 80px;
  margin-top: 5rem;
  border-top: 1px solid #eee;
}
.footer-main .footer-top {
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 1024px) {
  .footer-main .footer-top {
    padding-bottom: 5rem;
  }
}
@media screen and (max-width: 1023px) {
  .footer-main .f__nav-list {
    margin: 1.25rem 0;
  }
}
.footer-main .footer-mid-small {
  border-top: 1px solid #eee;
}
.footer-main .accordion-trigger {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 20px 0;
  padding: 1.25rem 0;
}
.footer-main .accordion-trigger .inline-icon {
  -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
.footer-main .accordion-contents {
  display: none;
}
.footer-main .accordion-contents-inner {
  padding: 0 0 20px;
  padding: 0 0 1.25rem;
}
.footer-main .accordion-contents-inner li:not(:first-of-type) {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.footer-main .footer-accordion.open .accordion-trigger .inline-icon {
  -webkit-transform: rotateZ(180deg);
      -ms-transform: rotate(180deg);
          transform: rotateZ(180deg);
}
.footer-main .footer-mid-large {
  border-top: 1px solid #eee;
  padding: 40px 0;
  padding: 2.5rem 0;
}
.footer-main .footer-bottom {
  border-top: 1px solid #eee;
  padding: 20px 0 0;
  padding: 1.25rem 0 0;
}
.footer-main .f__office-jobs {
  margin-left: auto;
  text-align: right;
}
.footer-main .social-icon {
  font-size: 24px;
  font-size: 1.5rem;
}
.footer-main .social-icon:not(:last-child) {
  margin-right: 20px;
  margin-right: 1.25rem;
}
.page-template-page-front-php .footer-main {
  margin-top: 0;
}

.nav-opener {
  background-color: transparent;
}
.nav-opener .nav-icon-wrap {
  display: inline-block;
  width: 100%;
  position: relative;
  width: 30px;
  width: 1.875rem;
  height: 16px;
  height: 1rem;
  vertical-align: middle;
}
.nav-opener .nav-icon {
  position: absolute;
  top: 7.5px;
  top: 0.46875rem;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid currentColor;
  -webkit-transition: border-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: border-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav-opener .nav-icon:before, .nav-opener .nav-icon:after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  border-bottom: 1px solid currentColor;
  -webkit-transition: top 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: top 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), top 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), top 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), top 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav-opener .nav-icon:before {
  top: -8px;
  top: -0.5rem;
}
.nav-opener .nav-icon:after {
  top: 8px;
  top: 0.5rem;
}
.nav-opener .nav-opener-text {
  margin-top: 20px;
  margin-top: 1.25rem;
  font-size: 13px;
  font-size: 0.8125rem;
  display: block;
}
.nav-opener .nav-opener-text .close-text,
.nav-opener .nav-opener-text .context {
  display: none;
}
.nav-open .nav-opener .nav-icon {
  border-color: transparent;
  border-color: 150ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav-open .nav-opener .nav-icon:before, .nav-open .nav-opener .nav-icon:after {
  top: 0;
  -webkit-transition: top 150ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 150ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: top 150ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 150ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 150ms cubic-bezier(0.645, 0.045, 0.355, 1), top 150ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 150ms cubic-bezier(0.645, 0.045, 0.355, 1), top 150ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 150ms cubic-bezier(0.645, 0.045, 0.355, 1), top 150ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 150ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav-open .nav-opener .nav-icon:before {
  -webkit-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
          transform: rotateZ(45deg);
}
.nav-open .nav-opener .nav-icon:after {
  -webkit-transform: rotateZ(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotateZ(-45deg);
}

#nav-global {
  display: none;
}
@media screen and (max-width: 1023px) {
  #nav-global {
    height: calc(100vh - 3.75rem);
    padding: 1.25rem 0;
  }
}
@media screen and (min-width: 1024px) {
  #nav-global {
    position: absolute;
    top: 5rem;
    left: 1.25rem;
    width: calc(50vw - 4.375rem);
    bottom: 5rem;
  }
}
@media screen and (max-width: 1023px) {
  #nav-global .nav-primary {
    margin-top: auto;
    margin-bottom: auto;
  }
}
#nav-global .nav-primary .nav-link {
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  font-size: 50px;
  font-size: 3.125rem;
  line-height: 50px;
  line-height: 3.125rem;
}
#nav-global .nav-primary .current-menu-item .nav-link {
  color: black;
}
#nav-global .nav-primary .nav-list:not(.has-current-menu-item) .nav-link:not(:hover) {
  color: black;
}
@media screen and (min-width: 768px) {
  #nav-global .nav-below {
    margin-top: 2.5rem;
  }
}
.nav-open #nav-global {
  display: block;
}

.searchform .search-wrap {
  padding-top: 40px;
  padding-top: 2.5rem;
  position: relative;
}
.searchform .search-form-label {
  position: absolute;
  top: 0;
  left: 0;
  color: #707070;
  opacity: 0;
  -webkit-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
.searchform .search-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background: transparent;
  border: none;
  border-radius: 0;
  width: auto;
  margin: 0;
  padding: 0;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  -webkit-appearance: textfield;
  width: 100%;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid #eee;
}
.searchform .search-input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .searchform .search-input {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
.searchform .search-input:focus {
  border-bottom-color: black;
}
.searchform .search-input::-webkit-search-decoration, .searchform .search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.searchform .search-submit {
  padding: 10px;
  padding: 0.625rem;
  position: absolute;
  bottom: 0;
  right: -10px;
  right: -0.625rem;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
.searchform.form-filled .search-input {
  border-bottom-color: black;
}
.searchform.form-filled .search-form-label {
  opacity: 1;
}
.searchform.form-filled .search-submit {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}

#search-global {
  display: none;
}
@media screen and (max-width: 1023px) {
  #search-global {
    height: calc(100vh - 3.75rem);
    padding: 1.25rem 0;
  }
}
@media screen and (min-width: 1024px) {
  #search-global {
    position: absolute;
    width: calc(50vw - 4.375rem);
    top: 5rem;
    left: 1.25rem;
    bottom: 5rem;
  }
}
@media screen and (min-width: 1024px) {
  #search-global .search-inner {
    padding-right: 1.25rem;
  }
}

#header-global {
  position: fixed;
  background: white;
  z-index: 10;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  height: 3.75rem;
  padding: 0 20px;
  padding: 0 1.25rem;
}
@media screen and (min-width: 1024px) {
  #header-global {
    width: 4.375rem;
    height: 100vh;
    padding: 1.25rem;
    border-right: 1px solid #eee;
  }
}
#header-global .header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  height: 3.75rem;
}
@media screen and (max-width: 1023px) {
  #header-global .header-inner {
    margin: 0 -1.25rem;
    padding: 0 1.25rem;
    border-bottom: 1px solid #eee;
  }
}
@media screen and (min-width: 1024px) {
  #header-global .header-inner {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#header-global .logo-wrap {
  width: 30px;
  width: 1.875rem;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  #header-global .logo-wrap {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
@media screen and (max-width: 1023px) {
  #header-global .nav-opener .nav-opener-text {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  #header-global .nav-opener {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 1.875rem;
    text-align: center;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
#header-global .search-opener {
  display: block;
}
#header-global .search-opener .search-icon {
  width: 30px;
  width: 1.875rem;
}
#header-global .search-opener .search-text {
  margin-left: 10px;
  margin-left: 0.625rem;
  opacity: 0;
}
@media screen and (max-width: 1023px) {
  #header-global .search-opener .search-text {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  #header-global .search-opener {
    margin-left: auto;
    margin-right: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  #header-global .search-opener {
    -ms-flex-item-align: start;
        align-self: flex-start;
    white-space: nowrap;
  }
}
.admin-bar #header-global {
  top: 46px;
  top: 2.875rem;
}
@media screen and (min-width: 1024px) {
  .admin-bar #header-global {
    top: 2rem;
    height: calc(100vh - 2rem);
  }
}
@media screen and (min-width: 1024px) {
  .drawer-open #header-global {
    width: 50vw;
  }
  .drawer-open #header-global .search-text {
    opacity: 1;
  }
}

.archive-header {
  padding: 40px 0;
  padding: 2.5rem 0;
}
@media screen and (min-width: 768px) {
  .archive-header {
    padding: 7.5rem 0 5rem;
  }
}
@media screen and (min-width: 768px) {
  .archive-header .archive-header-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.archive-header .below-archive-title {
  margin-top: auto;
}
@media screen and (max-width: 767px) {
  .archive-header .archive-header-aside {
    margin-top: 1.25rem;
  }
}
.archive-header .below-archive-title-small {
  margin-top: 20px;
  margin-top: 1.25rem;
}

#index-features {
  position: relative;
}
#index-features .index-nav {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 50%;
  padding: 20px;
  padding: 1.25rem;
}
@media screen and (max-width: 1023px) {
  #index-features .index-nav {
    display: none;
  }
}
#index-features a.nav-link {
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
#index-features a.nav-link:hover {
  -webkit-transition: color 150ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: color 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: color 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
#index-features .padding-sizer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  width: 15px;
  width: 0.9375rem;
}
#index-features .i-f__slider {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  #index-features .i-f__slider {
    padding-top: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  #index-features .i-f__slider {
    height: 100vh;
  }
}
#index-features .features-progress,
#index-features .features-scroll {
  position: absolute;
  z-index: 5;
}
#index-features .features-progress {
  display: none;
  top: calc(100vw - 1.25rem);
  left: 0;
  width: 100%;
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
}
@media screen and (min-width: 1024px) {
  #index-features .features-progress {
    display: block;
    top: auto;
    width: 50%;
    bottom: 0;
    padding: 1.25rem;
  }
}
#index-features .f-p__inner {
  width: 100%;
  position: relative;
}
#index-features .f-p__bar,
#index-features .f-p__track {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
  -webkit-transition: color 800ms cubic-bezier(0.77, 0, 0.175, 1), border-color 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: color 800ms cubic-bezier(0.77, 0, 0.175, 1), border-color 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: color 800ms cubic-bezier(0.77, 0, 0.175, 1), border-color 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
#index-features .f-p__bar {
  min-width: 22px;
  min-width: 1.375rem;
  border-bottom: 1px solid black;
}
#index-features .f-p__bar .feature-num {
  position: absolute;
  bottom: 20px;
  bottom: 1.25rem;
  right: 0;
  text-align: right;
}
#index-features .f-p__track {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
#index-features .features-scroll {
  display: none;
  bottom: 0;
  left: 50%;
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
}
@media screen and (min-width: 1024px) {
  #index-features .features-scroll {
    display: block;
  }
}
#index-features .features-scroll-button {
  width: 100%;
  height: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
  text-align: center;
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
#index-features .features-scroll-button:hover {
  -webkit-transition: color 150ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: color 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: color 150ms cubic-bezier(0.77, 0, 0.175, 1);
}
#index-features .features-scroll-button .inline-icon {
  display: block;
  font-size: 30px;
  font-size: 1.875rem;
}
@media screen and (max-width: 1023px) {
  #index-features .feature {
    padding: 0 0.3125rem;
  }
}
@media screen and (min-width: 1024px) {
  #index-features .feature {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    background: white;
  }
  #index-features .feature > * {
    width: 50%;
    -webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
    height: 100%;
  }
}
@media screen and (min-width: 1024px) {
  #index-features .f__title {
    opacity: 0;
  }
  #index-features .f__title.splitting {
    opacity: 1;
  }
}
@media screen and (min-width: 1024px) {
  #index-features .f__img {
    opacity: 0;
  }
}
#index-features .f__link {
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 1024px) {
  #index-features .f__link {
    margin-top: 2.5rem;
    opacity: 0;
  }
}
@media screen and (max-width: 1023px) {
  #index-features .f__info .wrapper, #index-features .f__info .divider, #index-features .f__info #builder .full-bleed .block-gallery .slider-below-inner, #builder .full-bleed .block-gallery #index-features .f__info .slider-below-inner, #index-features .f__info .full-bleed .video-player .video-controls, .full-bleed .video-player #index-features .f__info .video-controls {
    padding: 1.25rem 0;
  }
  #index-features .f__info .text-link {
    margin-top: 1.25rem;
  }
}
#index-features .feature.text_left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (min-width: 1024px) {
  .admin-bar #index-features .i-f__slider,
  .admin-bar #index-features .feature {
    height: calc(100vh - 2rem);
  }
}
@media screen and (min-width: 1024px) {
  #index-features.text--left-white .f-p__bar {
    color: white;
    border-color: white;
  }
  #index-features.text--left-white .f-p__track {
    border-color: rgba(255, 255, 255, 0.35);
  }
  #index-features.text--right-white a.nav-link:not(:hover),
  #index-features.text--right-white .features-scroll-button:not(:hover) {
    color: rgba(255, 255, 255, 0.85);
  }
  #index-features.text--right-white a.nav-link:hover,
  #index-features.text--right-white .features-scroll-button:hover {
    color: rgba(255, 255, 255, 0.95);
  }
  #index-features.text--right-white a.nav-link:active,
  #index-features.text--right-white .features-scroll-button:active {
    color: white;
  }
}

.job-card {
  display: block;
  padding: 40px 0;
  padding: 2.5rem 0;
}
.job-card .job-title {
  position: relative;
}
.job-card .job-title:before {
  content: '\0025CF';
  color: #EC4B3E;
  margin-right: 0.25em;
  position: absolute;
  left: -1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.job-card:not(:first-of-type) {
  border-top: 1px solid #eee;
}
.job-card:hover .job-title:before {
  opacity: 1;
  -webkit-transition: opacity 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.lazy {
  background: #f3f3f3;
  overflow: hidden;
  position: relative;
}
.lazy .lazy-img {
  display: block;
  width: 100%;
}
.lazy .lazy-placeholder + .lazy-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.lazy img.lazy-img:not(.lazy-loaded) {
  -webkit-filter: blur(20px);
          filter: blur(20px);
}
.lazy img.lazy-img.lazy-inline {
  position: static;
}

.press-awards-card {
  padding: 0 !important;
}
.press-awards-card .card-inner {
  display: block;
  padding: 10px;
  padding: 0.625rem;
  border: 1px solid transparent;
  -webkit-transition: border 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: border 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: border 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (min-width: 768px) {
  .press-awards-card .card-inner:hover {
    border: 1px solid #ddd;
    -webkit-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .press-awards-card .card-inner:active {
    border: 1px solid #EC4B3E;
    -webkit-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}

.news-card {
  padding: 0 !important;
}
.news-card .news-card-inner {
  display: block;
  padding: 10px;
  padding: 0.625rem;
  border: 1px solid transparent;
  -webkit-transition: border 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: border 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: border 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (min-width: 768px) {
  .news-card .news-card-inner:hover {
    border: 1px solid #ddd;
    -webkit-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .news-card .news-card-inner:active {
    border: 1px solid #EC4B3E;
    -webkit-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
.news-card .news-image {
  padding-bottom: 75%;
  height: 0;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  position: relative;
  background: #f1f1f1;
}
.news-card .news-image .lazy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.news-card .news-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-card .news-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.news-card .news-info > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 1.25rem);
          flex: 0 0 calc(50% - 1.25rem);
}
.news-card .news-info > *:first-child {
  margin-right: 20px;
  margin-right: 1.25rem;
}
.news-card .news-preview {
  opacity: 0;
  -webkit-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
.news-card:hover .news-preview {
  opacity: 1;
  -webkit-transition: opacity 150ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: opacity 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 150ms cubic-bezier(0.77, 0, 0.175, 1);
}

#newsletter-signup {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
@media screen and (min-width: 1024px) {
  #newsletter-signup {
    left: 4.375rem;
    width: auto;
    right: 0;
    height: 10.375rem;
  }
}
#newsletter-signup .signup-text {
  color: white;
}
#newsletter-signup .newsletter-signup-inner {
  height: 100%;
}
#newsletter-signup .signup-content {
  height: 100%;
  padding: 20px;
  padding: 1.25rem;
  background: #232323;
}
#newsletter-signup .flex-row {
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#newsletter-signup .signup-form .mc4wp-form-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media screen and (max-width: 1023px) {
  #newsletter-signup .signup-form .mc4wp-form-fields {
    margin-top: 3.75rem;
  }
}
#newsletter-signup .signup-form .field-wrap {
  position: relative;
  width: 100%;
}
#newsletter-signup .signup-form .field-wrap label {
  position: absolute;
  bottom: 100%;
  left: 0;
  color: rgba(255, 255, 255, 0.35);
  font-size: 13px;
  font-size: 0.8125rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
#newsletter-signup .signup-form input[type="email"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background: transparent;
  border: none;
  border-radius: 0;
  width: auto;
  margin: 0;
  padding: 0;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 20px;
  line-height: 1.25rem;
  width: 100%;
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  margin-top: -10px;
  margin-top: -0.625rem;
}
#newsletter-signup .signup-form input[type="email"]::-moz-focus-inner {
  border: 0;
  padding: 0;
}
#newsletter-signup .signup-form input[type="email"]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.35);
}
#newsletter-signup .signup-form input[type="email"]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.35);
}
#newsletter-signup .signup-form input[type="email"]::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.35);
}
#newsletter-signup .signup-form input[type="email"]::placeholder {
  color: rgba(255, 255, 255, 0.35);
}
#newsletter-signup .signup-form input[type="email"]:focus {
  border-bottom-color: white;
}
#newsletter-signup .signup-form button[type="submit"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background: transparent;
  border: none;
  border-radius: 0;
  width: auto;
  margin: 0;
  padding: 0;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  display: inline-block;
  font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 400;
  color: #707070;
  fill: currentColor;
  margin-left: 20px;
  margin-left: 1.25rem;
}
#newsletter-signup .signup-form button[type="submit"]::-moz-focus-inner {
  border: 0;
  padding: 0;
}
#newsletter-signup .signup-form button[type="submit"].underline {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
#newsletter-signup .signup-form button[type="submit"]:hover {
  color: #414042;
}
#newsletter-signup .signup-form button[type="submit"]:active {
  color: black;
}
#newsletter-signup .signup-form button[type="submit"].underline {
  border-bottom: 1px solid #eee;
}
#newsletter-signup .signup-form button[type="submit"]:disabled {
  opacity: 0.5;
}
#newsletter-signup .signup-form button[type="submit"]:not(:hover) {
  color: #333333;
}
#newsletter-signup .signup-form button[type="submit"]:hover {
  color: #EC4B3E;
}
#newsletter-signup .signup-form button[type="submit"]:disabled {
  color: rgba(255, 255, 255, 0.7);
  cursor: not-allowed;
}
#newsletter-signup .signup-form button[type="submit"]:not(:disabled) {
  color: white;
}
#newsletter-signup .signup-form button[type="submit"]:not(:disabled):hover {
  color: rgba(255, 255, 255, 0.85);
}
#newsletter-signup .mc4wp-alert.mc4wp-success {
  display: none;
}
#newsletter-signup .success-content {
  display: none;
  padding: 20px;
  padding: 1.25rem;
  background: white;
  border-top: 1px solid #eee;
  height: 100%;
}
#newsletter-signup .success-content-inner {
  height: 100%;
}
#newsletter-signup .close-newsletter-signup {
  position: absolute;
  top: 20px;
  top: 1.25rem;
  right: 20px;
  right: 1.25rem;
  -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}
#newsletter-signup .close-newsletter-signup:active {
  -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
          transform: scale(0.85);
}
#newsletter-signup:not(.success-shown) .close-newsletter-signup {
  color: rgba(255, 255, 255, 0.7);
}
#newsletter-signup:not(.success-shown) .close-newsletter-signup:hover {
  -webkit-transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 150ms cubic-bezier(0.77, 0, 0.175, 1);
  color: white;
}

#next-prev-posts .news-card {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
#next-prev-posts .news-card.previous-post {
  float: right;
  border-left: 1px solid #eee;
}

@media screen and (max-width: 767px) {
  .office-card:last-of-type {
    margin-bottom: -2.5rem;
  }
}
.office-card .office-card-inner {
  border-top: 1px solid #eee;
}
.office-card p {
  text-indent: 0;
}
.office-card p:not(:first-of-type) {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .office-card p:not(:first-of-type) {
    margin-top: 2.5rem;
  }
}
.office-card .office-title {
  display: inline-block;
  margin-right: 10px;
  margin-right: 0.625rem;
}
.office-card .office-inquiries {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .office-card .office-inquiries {
    margin-top: 0;
  }
}
.office-card .office-email + .jobs-link {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .office-card .office-email + .jobs-link {
    margin-top: 2.5rem;
  }
}

.person-bio-section {
  display: none;
  border-bottom: 1px solid transparent;
  -webkit-transition: border 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: border 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
  overflow: hidden;
}
.person-bio-section .profile-inner {
  padding-top: 40px;
  padding-top: 2.5rem;
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 1024px) {
  .person-bio-section .profile-inner {
    padding-bottom: 5rem;
  }
}
.person-bio-section .name {
  padding-right: 36px;
  padding-right: 2.25rem;
}
@media screen and (max-width: 767px) {
  .person-bio-section .photo-wrap {
    margin-bottom: 0.625rem;
  }
}
.person-bio-section .person-meta {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 1024px) {
  .person-bio-section .person-meta {
    margin-top: 0.625rem;
    margin-bottom: 1.25rem;
  }
}
.person-bio-section .close-link {
  top: -40px;
  top: -2.5rem;
}
@media screen and (min-width: 768px) {
  .person-bio-section .close-link {
    top: 2.5rem;
  }
}
.person-bio-section .contact {
  display: none;
}
@media screen and (max-width: 1023px) {
  .person-bio-section .contact {
    margin-top: 0.625rem;
  }
}
.person-bio-section .email {
  display: none;
}
.person-bio-section .linkedin-wrap {
  display: none;
}
.person-bio-section.opened {
  border-bottom: 1px solid #eee;
  overflow: visible;
}

.person-card {
  display: block;
  padding: 10px;
  padding: 0.625rem;
  border: 1px solid transparent;
  -webkit-transition: border 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: border 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: border 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  cursor: pointer;
}
.person-card .person-bio-section {
  display: none !important;
}
.person-card .person-image {
  -webkit-transition: opacity 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.person-card .person-image img {
  display: block;
}
.person-card:hover {
  border: 1px solid #ddd;
  -webkit-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.person-card:active {
  border: 1px solid #EC4B3E;
  -webkit-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.person-card .person-card-inner {
  display: block;
}
.person-card.bio-open {
  border: 1px solid #ddd;
}
.person-card.bio-open .person-image {
  opacity: 0.25;
}

.project-card {
  padding: 0 !important;
}
.project-card .project-card-image {
  position: relative;
}
.project-card .project-card-image img {
  display: block;
}
.project-card .project-card-inner {
  display: block;
  padding: 10px;
  padding: 0.625rem;
  border: 1px solid transparent;
  -webkit-transition: border 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: border 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: border 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (min-width: 768px) {
  .project-card .project-card-inner:hover {
    border: 1px solid #ddd;
    -webkit-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .project-card .project-card-inner:active {
    border: 1px solid #EC4B3E;
    -webkit-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}

.project-update-card {
  display: block;
}
.project-update-card .update-image a {
  display: block;
}
.project-update-card .project-title-contain {
  display: block;
}
.project-update-card .project-title-contain .project-title,
.project-update-card .project-title-contain .project-description {
  display: inline;
}
.project-update-card .read-more-link {
  display: inline;
}
.project-update-card.featured .project-title-contain {
  padding: 40px 0;
  padding: 2.5rem 0;
}
@media screen and (min-width: 768px) {
  .project-update-card.featured .project-title-contain {
    padding: 2.5rem 0;
  }
}
@media screen and (max-width: 767px) {
  .project-update-card.featured .project-title-contain h2 {
    font-size: 1rem;
  }
}
.project-update-card.featured .project-description {
  -webkit-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.project-update-card.featured .project-title-contain:hover .project-description {
  color: #EC4B3E;
  -webkit-transition: color 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: color 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.project-update-card.featured .update-image {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .project-update-card.featured .update-image {
    float: right;
    margin-bottom: 0;
  }
}
.project-update-card.featured:not(:first-of-type) {
  margin-top: 40px;
  margin-top: 2.5rem;
  border-top: 1px solid #eee;
  padding-top: 40px;
  padding-top: 2.5rem;
}
.project-update-card:not(.featured) {
  margin-top: -10px;
  margin-top: -0.625rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  padding: 10px;
  padding: 0.625rem;
  border: 1px solid transparent;
  -webkit-transition: border 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: border 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: border 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (min-width: 768px) {
  .project-update-card:not(.featured):hover {
    border: 1px solid #ddd;
    -webkit-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .project-update-card:not(.featured):active {
    border: 1px solid #EC4B3E;
    -webkit-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: border 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}

.slide-arrows button {
  width: 28px;
  width: 1.75rem;
  height: 28px;
  height: 1.75rem;
  border: 1px solid #eee;
  cursor: pointer;
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.slide-arrows button:hover {
  border-color: black;
  background: black;
  color: white;
}
.slide-arrows button:active {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.slide-arrows.light button svg .box,
.slide-arrows.light button svg .stroke {
  stroke: white;
}
.slide-arrows.light button:hover .box {
  fill: white;
}
.slide-arrows.light button:hover .stroke {
  stroke: black;
}

.video-player {
  position: relative;
}
.video-player .video-cover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: background 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: background 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.video-player .video-info {
  position: absolute;
  bottom: 10px;
  bottom: 0.625rem;
  left: 10px;
  left: 0.625rem;
  color: white;
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media screen and (min-width: 1024px) {
  .video-player .video-info {
    bottom: 1.25rem;
    left: 1.25rem;
  }
}
.video-player .duration {
  color: rgba(255, 255, 255, 0.5);
}
.video-player .video-play {
  cursor: pointer;
  font-size: 36px;
  font-size: 2.25rem;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  width: 2.25rem;
  height: 36px;
  height: 2.25rem;
  margin-top: -18px;
  margin-top: -1.125rem;
  margin-left: -18px;
  margin-left: -1.125rem;
  -webkit-transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1), color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1), color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1), color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (min-width: 768px) {
  .video-player .video-play {
    font-size: 3.625rem;
    width: 3.625rem;
    height: 3.625rem;
    margin-top: -1.8125rem;
    margin-left: -1.8125rem;
  }
}
.video-player .video-play:hover {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: color 150ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 150ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), color 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), color 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), color 150ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.video-player .video-play:active {
  color: #EC4B3E;
  -webkit-transition: color 150ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 150ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), color 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), color 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), color 150ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.video-player .video-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom: 56.2%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: background-size 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: background-size 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-size 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 2;
}
.video-player .video-cover.play-hovered {
  background-size: 105%;
  -webkit-transition: background-size 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: background-size 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-size 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.video-player .video-cover.play-hovered .video-cover-overlay {
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: background 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: background 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.video-player .video-cover.hidden .video-info {
  -webkit-transform: translateY(2.5rem);
      -ms-transform: translateY(2.5rem);
          transform: translateY(2.5rem);
}
.video-player .video-embed-wrap {
  position: relative;
}
.video-player .video-controls-wrap {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.video-player .video-controls-inner {
  background: rgba(255, 255, 255, 0.5);
  padding: 8px 10px;
  padding: 0.5rem 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-player .controls-play {
  margin-right: 10px;
  margin-right: 0.625rem;
  font-size: 16px;
  font-size: 1rem;
  -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  cursor: pointer;
}
.video-player .controls-play .icon-pause {
  display: none;
}
.video-player .controls-play:hover {
  color: #EC4B3E;
  -webkit-transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.video-player .controls-volume {
  margin-left: 10px;
  margin-left: 0.625rem;
  cursor: pointer;
  -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  font-size: 16px;
  font-size: 1rem;
}
.video-player .controls-volume .icon-volume-on {
  display: none;
}
.video-player .controls-volume .icon-volume-off {
  color: rgba(0, 0, 0, 0.25);
  -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.video-player .controls-volume .icon-volume-off:hover {
  color: #EC4B3E;
  -webkit-transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.video-player .controls-volume:hover {
  color: #EC4B3E;
  -webkit-transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.video-player .controls-highlight {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  cursor: pointer;
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}
.video-player .controls-highlight .highlight-track {
  border-bottom: 2px solid #ccc;
}
.video-player .controls-highlight .highlight-progress {
  position: absolute;
  top: 8px;
  top: 0.5rem;
  left: 0;
  border-bottom: 2px solid #EC4B3E;
}
.video-player .controls-duration {
  margin-left: 10px;
  margin-left: 0.625rem;
}
.video-player[data-video-type='vimeo'] .video-embed iframe {
  height: 150%;
  top: -25%;
}

#archive-posts #posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: -10px;
  margin-left: -0.625rem;
  margin-right: -10px;
  margin-right: -0.625rem;
  margin-top: -10px;
  margin-top: -0.625rem;
}
#archive-posts #posts::after {
  clear: both;
  content: "";
  display: table;
}
#archive-posts.layout-2 .news-card {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
}
#archive-posts.layout-4 .news-card {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
}
@media screen and (min-width: 768px) {
  #archive-posts.layout-4 .news-card {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

@media screen and (max-width: 1023px) {
  #archive-projects .project-card:nth-child(2n) {
    margin-right: 0;
  }
  #archive-projects .project-card:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 1024px) {
  #archive-projects .project-card:nth-child(4n) {
    margin-right: 0;
  }
  #archive-projects .project-card:nth-child(4n+1) {
    clear: left;
  }
}
#archive-projects .projects-grid {
  margin-top: -10px;
  margin-top: -0.625rem;
}

@media screen and (max-width: 767px) {
  #archive-press-awards .press-awards-card {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  #archive-press-awards .press-awards-card:nth-of-type(n+3) {
    margin-top: 3.75rem;
  }
}
@media screen and (min-width: 768px) {
  #archive-press-awards .press-awards-card {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  #archive-press-awards .press-awards-card:nth-of-type(n+4) {
    margin-top: 3.75rem;
  }
}
@media screen and (min-width: 1024px) {
  #archive-press-awards .posts-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  #archive-press-awards .posts-section::after {
    clear: both;
    content: "";
    display: table;
  }
}
@media screen and (min-width: 1024px) {
  #archive-press-awards .posts-section .header {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media screen and (min-width: 1024px) {
  #archive-press-awards .posts-section .articles-wrap {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
#archive-press-awards .posts-section .articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: -10px;
  margin-left: -0.625rem;
  margin-right: -10px;
  margin-right: -0.625rem;
}
#archive-press-awards .posts-section .articles::after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 1023px) {
  #archive-press-awards .posts-section .articles {
    margin-top: 2.5rem;
  }
}
#archive-press-awards .posts-section + .posts-section {
  margin-top: 60px;
  margin-top: 3.75rem;
  border-top: 1px solid #eee;
  padding-top: 60px;
  padding-top: 3.75rem;
}

#archive-jobs .jobs-header {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}
#archive-jobs .jobs-list {
  border-bottom: 1px solid #eee;
}

#error404 {
  height: calc(100vh - 3.75rem);
}
@media screen and (min-width: 1024px) {
  #error404 {
    height: calc(100vh - 0);
  }
}
#error404 .wrapper, #error404 .divider, #error404 #builder .full-bleed .block-gallery .slider-below-inner, #builder .full-bleed .block-gallery #error404 .slider-below-inner, #error404 .full-bleed .video-player .video-controls, .full-bleed .video-player #error404 .video-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#error404 .message-404 {
  text-align: center;
}
#error404 .message-404 h1 {
  font-size: 8vw;
}

.maintenance-mode {
  background: white;
}
.maintenance-mode .maintenance-mode-tout {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  padding: 40px;
  padding: 2.5rem;
  max-width: 450px;
  width: 95%;
}
.maintenance-mode .maintenance-mode-tout .logo {
  width: 64px;
  width: 4rem;
  height: 64px;
  height: 4rem;
  margin: 0 0 40px;
  margin: 0 0 2.5rem;
}
.maintenance-mode .maintenance-mode-tout h4 {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}

#page-about .about-top {
  padding-top: 40px;
  padding-top: 2.5rem;
}
@media screen and (min-width: 1024px) {
  #page-about .about-top {
    padding-top: 7.5rem;
  }
}
#page-about .philosophy-sub {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 1024px) {
  #page-about .philosophy-sub {
    margin-top: 0;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
#page-about .leadership-top {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 1024px) {
  #page-about .leadership-top {
    margin-bottom: 5rem;
  }
}
#page-about .leadership-contain {
  margin-top: -10px;
  margin-top: -0.625rem;
}
#page-about .leadership-heading-card {
  padding: 10px;
  padding: 0.625rem;
}
@media screen and (min-width: 768px) {
  #page-about .leadership-heading-card .leadership-heading-inner {
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    margin-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  #page-about .leadership-heading-card .headline {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
#page-about .person-card + .person-bio-section {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
}

#page-contact .contact-header,
#page-contact .offices {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  #page-contact .contact-header,
  #page-contact .offices {
    margin-top: 5rem;
  }
}
#page-contact .contact-header p,
#page-contact .offices p {
  text-indent: 0;
}
#page-contact .contact-title {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  #page-contact .contact-title {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #page-contact .office-card:nth-child(2n) {
    margin-right: 0;
  }
  #page-contact .office-card:nth-child(2n+1) {
    clear: left;
  }
}
#page-contact #job-openings .job-openings-header p {
  text-indent: 0;
  color: #555555;
}
#page-contact #job-openings .job-openings-header p:not(:first-of-type) {
  margin-top: 1em;
}
#page-contact #job-openings .job-openings-header a:not(:hover) {
  color: #333333;
}
@media screen and (max-width: 767px) {
  #page-contact #job-openings .jobs-list {
    margin-top: 0.625rem;
  }
}
#page-contact #job-openings .jobs-header {
  display: none;
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #eee;
}
@media screen and (min-width: 768px) {
  #page-contact #job-openings .jobs-header {
    display: block;
  }
}
#page-contact #job-openings .headline-office {
  display: none;
}
@media screen and (min-width: 1024px) {
  #page-contact #job-openings .headline-office {
    display: block;
  }
}

#page-front #index-news {
  background: #fafafa;
  position: relative;
}
@media screen and (max-width: 1023px) {
  #page-front .i-n__title--wrap {
    padding: 2.5rem 1.25rem;
  }
  #page-front .i-n__posts {
    padding: 0 1.25rem;
  }
  #page-front .index-news-card + .index-news-card {
    border-top: 1px solid #eee;
  }
  #page-front .news-card-inner {
    display: block;
    padding: 1.25rem 0;
  }
  #page-front .news-card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    aling-items: stretch;
    height: 100%;
  }
  #page-front .news-info {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #page-front .news-date {
    color: rgba(0, 0, 0, 0.5);
  }
  #page-front .news-title {
    margin-top: auto;
    font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
  }
  #page-front .news-meta {
    display: none;
  }
  #page-front .news-image {
    width: 5rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 5rem;
            flex: 0 0 5rem;
    margin-left: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  #page-front .i-n__title--wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 25%;
  }
  #page-front .i-n__title {
    position: -webkit-sticky;
    position: sticky;
    top: 50%;
    padding: 2.5rem 1.25rem;
    z-index: 5;
  }
  #page-front .index-news-card {
    padding-left: calc(25% + 0.9375rem);
    -webkit-transition: background 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: background 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: background 300ms cubic-bezier(0.77, 0, 0.175, 1);
  }
  #page-front .index-news-card .news-card-inner {
    padding: 1.25rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 33.333vh;
  }
  #page-front .index-news-card .news-card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  #page-front .index-news-card .news-card-content::after {
    clear: both;
    content: "";
    display: table;
  }
  #page-front .index-news-card .news-info {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  #page-front .index-news-card .news-image {
    opacity: 0;
    -webkit-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  #page-front .index-news-card .news-title {
    font-family: "Theinhardt", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    font-size: 2.25rem;
    line-height: 2.25rem;
    margin: 2.5rem 0 0.625rem;
    -webkit-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
  }
  #page-front .index-news-card .source,
  #page-front .index-news-card .news-date {
    color: rgba(0, 0, 0, 0.5);
    -webkit-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);
  }
  #page-front .index-news-card .read-more {
    opacity: 0;
    margin-left: 0.625rem;
    -webkit-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
  }
  #page-front .index-news-card:not(:first-of-type) {
    border-top: 1px solid #eee;
  }
  #page-front .index-news-card:hover {
    background: #EC4B3E;
    -webkit-transition: background 150ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: background 150ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: background 150ms cubic-bezier(0.77, 0, 0.175, 1);
  }
  #page-front .index-news-card:hover .news-image {
    opacity: 1;
    -webkit-transition: opacity 150ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: opacity 150ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 150ms cubic-bezier(0.77, 0, 0.175, 1);
  }
  #page-front .index-news-card:hover .news-title {
    color: white;
    -webkit-transition: color 150ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: color 150ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: color 150ms cubic-bezier(0.77, 0, 0.175, 1);
  }
  #page-front .index-news-card:hover .read-more {
    opacity: 1;
    -webkit-transition: opacity 150ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: opacity 150ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 150ms cubic-bezier(0.77, 0, 0.175, 1);
  }
}
@media screen and (min-width: 1024px) {
  .admin-bar #page-front .news-card-inner {
    min-height: calc(33.333vh - 0.6666666667rem);
  }
}

#search .result-header {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
#search .projects .project-card {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
}
@media screen and (min-width: 768px) {
  #search .projects .project-card {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
#search .posts .news-card {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
}
@media screen and (min-width: 768px) {
  #search .posts .news-card {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
#search .projects + .posts {
  margin-top: 40px;
  margin-top: 2.5rem;
  border-top: 1px solid #eee;
  padding-top: 40px;
  padding-top: 2.5rem;
}

@media screen and (min-width: 768px) {
  #single-post .archive-header-title,
  #single-post .archive-header-aside {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    margin-left: 25%;
  }
}
#single-post .archive-header-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (min-width: 768px) {
  #single-post .archive-header-title .below-archive-title {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: 1.25rem;
  }
  #single-post .archive-header-title .post-image {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}
@media screen and (max-width: 767px) {
  #single-post .post-image {
    margin-top: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  #single-post .post-image {
    position: absolute;
    top: 0;
    right: 100%;
    width: calc(16.666% - 0.625rem);
    margin-right: 0.625rem;
  }
}
#single-post .archive-header-aside {
  margin-top: 20px;
  margin-top: 1.25rem;
}
#single-post .post-title {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  #single-post .post-title {
    margin-bottom: 0;
  }
}
#single-post .post-info-block {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  #single-post .post-info-block {
    margin-top: 0;
  }
}
#single-post .post-image {
  margin-bottom: 60px;
  margin-bottom: 3.75rem;
}
@media screen and (min-width: 1024px) {
  #single-post .richtext {
    width: calc(75% - 0.625rem);
    margin-left: calc(25% + 0.625rem);
  }
  #single-post .richtext img {
    width: calc(100vw - 6.875rem);
    max-width: calc(100vw - 6.875rem);
    margin-left: calc(-33.333% - 0.625rem);
  }
}
#single-post #more-posts .more-posts-header {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 1024px) {
  #single-post #more-posts .more-posts-header {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #single-post #more-posts .project-update-card {
    margin-bottom: 0;
  }
  #single-post #more-posts .project-update-card:nth-of-type(2), #single-post #more-posts .project-update-card:nth-of-type(3) {
    margin-top: 0.625rem;
    margin-bottom: -0.625rem;
  }
}
@media screen and (min-width: 1024px) {
  #single-post #more-posts .project-update-card {
    margin-bottom: -0.625rem;
  }
}

#single-project .project-featured-video .video-info {
  display: none;
}
#single-project .project-featured-video .video-cover .video-cover-overlay {
  background: rgba(0, 0, 0, 0.25);
}
#single-project .project-featured-video .video-cover.play-hovered .video-cover-overlay {
  background: rgba(0, 0, 0, 0.1);
}
#single-project .project-featured-image {
  height: 80vw;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1024px) {
  #single-project .project-featured-image {
    padding-top: 0;
    height: calc(100vh - 9.375rem);
  }
}
#single-project .project-featured-image .lazy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
#single-project .project-featured-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
#single-project .project-info {
  padding-top: 40px;
  padding-top: 2.5rem;
  padding-bottom: 80px;
  padding-bottom: 5rem;
}
#single-project .project-title {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  #single-project .project-title {
    margin-bottom: auto;
  }
}
#single-project .project-services {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  #single-project .project-services {
    margin-bottom: 0;
  }
}
#single-project .project-client-title {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  #single-project .description-and-map {
    position: relative;
    padding-right: 5rem;
  }
}
@media screen and (max-width: 767px) {
  #single-project .description-and-map .project-description {
    margin-bottom: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  #single-project .description-and-map .text-link-map {
    position: absolute;
    right: 0;
    top: 0;
  }
}
#single-project #more-info .more-info-header {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 1024px) {
  #single-project #more-info .more-info-header {
    margin-bottom: 0;
  }
}
#single-project #more-info .contractors .contractor:not(:first-of-type) {
  margin-top: 40px;
  margin-top: 2.5rem;
}
#single-project .press-or-awards {
  margin-top: -10px;
  margin-top: -0.625rem;
}
#single-project .press-awards-card {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 10px;
  padding-right: 0.625rem;
}
#single-project #related-projects .related-projects-header {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 1024px) {
  #single-project #related-projects .related-projects-header {
    margin-bottom: 0;
  }
}
#single-project #related-projects .project-card:nth-of-type(n+1) {
  margin-top: -10px;
  margin-top: -0.625rem;
}
@media screen and (max-width: 767px) {
  #single-project #related-projects .project-card:nth-of-type(3) {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #single-project #related-projects .project-card {
    margin-top: 0;
    margin-bottom: -0.625rem;
  }
}
@media screen and (min-width: 1024px) {
  #single-project #related-projects .project-card {
    margin-bottom: -0.625rem;
  }
}
#single-project #related-projects .all-link-below {
  margin-top: 20px;
  margin-top: 1.25rem;
}