@charset "UTF-8";
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, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  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; }

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

html {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica', Arial, sans-serif !important; }

body {
  background: #fff; }

.navigation {
  height: 70px;
  background: #fff;
  padding: 10px 2em;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 99; }

.brand {
  position: absolute;
  padding-left: 20px;
  float: left;
  line-height: 70px;
  font-weight: bold;
  font-size: 1.4em; }
  .brand a,
  .brand a:visited {
    color: #000;
    text-decoration: none; }
    .brand a .brand-dot,
    .brand a:visited .brand-dot {
      color: #EA2429;
      font-size: 30px; }

nav {
  float: right; }
  nav ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    nav ul li {
      float: left;
      position: relative; }
      nav ul li a,
      nav ul li a:visited {
        display: block;
        padding: 0 20px;
        line-height: 70px;
        background: #fff;
        color: #777;
        text-decoration: none;
        text-align: center;
        font-size: 18px;
        font-weight: 200; }
        nav ul li a:hover,
        nav ul li a:visited:hover {
          background: white;
          color: #000; }
        nav ul li a:not(:only-child):after,
        nav ul li a:visited:not(:only-child):after {
          padding-left: 4px;
          content: ' ▾'; }
        nav ul li a.active,
        nav ul li a:visited.active {
          color: #000;
          font-weight: 500; }
      nav ul li ul li {
        min-width: 190px; }
        nav ul li ul li a {
          padding: 15px;
          line-height: 20px; }

/* Mobile navigation */
.nav-mobile {
  display: none;
  position: absolute;
  top: 10px;
  right: 0;
  background: #fff;
  height: 70px;
  width: 70px; }

@media only screen and (max-width: 768px) {
  .navigation {
    padding: 10px 0; }
  .nav-mobile {
    display: block; }
  nav {
    width: 100%;
    padding: 70px 0 15px; }
    nav ul {
      display: none; }
      nav ul li {
        float: none; }
        nav ul li a {
          padding: 15px;
          line-height: 20px; }
        nav ul li ul li a {
          padding-left: 30px; } }

@media screen and (min-width: 799px) {
  .nav-list {
    display: block !important; } }

#nav-toggle {
  position: absolute;
  left: 18px;
  top: 22px;
  cursor: pointer;
  padding: 10px 35px 16px 0px; }
  #nav-toggle span,
  #nav-toggle span:before,
  #nav-toggle span:after {
    cursor: pointer;
    border-radius: 6px;
    height: 3px;
    width: 30px;
    background: #000;
    position: absolute;
    display: block;
    content: '';
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out; }
  #nav-toggle span:before {
    top: -9px; }
  #nav-toggle span:after {
    bottom: -9px; }
  #nav-toggle.active span {
    background-color: transparent;
    z-index: 9; }
    #nav-toggle.active span:before, #nav-toggle.active span:after {
      top: 0; }
    #nav-toggle.active span:before {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    #nav-toggle.active span:after {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }

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, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  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; }

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

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

td,
th {
  padding: 0; }

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

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0; }

select {
  width: 100%;
  border-radius: 0; }

.align-middle {
  vertical-align: middle !important; }

.align-top {
  vertical-align: top !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-center {
  vertical-align: center !important; }

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 1; }

.row {
  max-width: 62.5remrem;
  margin-left: auto;
  margin-right: auto; }

.row::before, .row::after {
  content: ' ';
  display: table; }

.row::after {
  clear: both; }

.row.collapse > .column, .row.collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.row .row {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem; }

.row .row.collapse {
  margin-left: 0;
  margin-right: 0; }

.row.sm-collapse > .column, .row.sm-collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.row.sm-uncollapse > .column, .row.sm-uncollapse > .columns {
  padding-left: 30px;
  padding-right: 30px; }

@media screen and (min-width: 40em) {
  .row.md-collapse > .column, .row.md-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.md-uncollapse > .column, .row.md-uncollapse > .columns {
    padding-left: 30px;
    padding-right: 30px; } }

@media screen and (min-width: 64em) {
  .row.lg-collapse > .column, .row.lg-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.lg-uncollapse > .column, .row.lg-uncollapse > .columns {
    padding-left: 30px;
    padding-right: 30px; } }

.row.expanded {
  max-width: none; }

.column, .columns {
  width: 100%;
  float: left;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right; }

.column.end:last-child, .end.columns:last-child {
  float: left; }

.column.row, .row.columns {
  float: none; }

.sm-1 {
  width: 8.33333%; }

.sm-push-1 {
  position: relative;
  left: 8.33333%; }

.sm-pull-1 {
  position: relative;
  left: -8.33333%; }

.sm-offset-0 {
  margin-left: 0%; }

.sm-2 {
  width: 16.66667%; }

.sm-push-2 {
  position: relative;
  left: 16.66667%; }

.sm-pull-2 {
  position: relative;
  left: -16.66667%; }

.sm-offset-1 {
  margin-left: 8.33333%; }

.sm-3 {
  width: 25%; }

.sm-push-3 {
  position: relative;
  left: 25%; }

.sm-pull-3 {
  position: relative;
  left: -25%; }

.sm-offset-2 {
  margin-left: 16.66667%; }

.sm-4 {
  width: 33.33333%; }

.sm-push-4 {
  position: relative;
  left: 33.33333%; }

.sm-pull-4 {
  position: relative;
  left: -33.33333%; }

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

.sm-5 {
  width: 41.66667%; }

.sm-push-5 {
  position: relative;
  left: 41.66667%; }

.sm-pull-5 {
  position: relative;
  left: -41.66667%; }

.sm-offset-4 {
  margin-left: 33.33333%; }

.sm-6 {
  width: 50%; }

.sm-push-6 {
  position: relative;
  left: 50%; }

.sm-pull-6 {
  position: relative;
  left: -50%; }

.sm-offset-5 {
  margin-left: 41.66667%; }

.sm-7 {
  width: 58.33333%; }

.sm-push-7 {
  position: relative;
  left: 58.33333%; }

.sm-pull-7 {
  position: relative;
  left: -58.33333%; }

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

.sm-8 {
  width: 66.66667%; }

.sm-push-8 {
  position: relative;
  left: 66.66667%; }

.sm-pull-8 {
  position: relative;
  left: -66.66667%; }

.sm-offset-7 {
  margin-left: 58.33333%; }

.sm-9 {
  width: 75%; }

.sm-push-9 {
  position: relative;
  left: 75%; }

.sm-pull-9 {
  position: relative;
  left: -75%; }

.sm-offset-8 {
  margin-left: 66.66667%; }

.sm-10 {
  width: 83.33333%; }

.sm-push-10 {
  position: relative;
  left: 83.33333%; }

.sm-pull-10 {
  position: relative;
  left: -83.33333%; }

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

.sm-11 {
  width: 91.66667%; }

.sm-push-11 {
  position: relative;
  left: 91.66667%; }

.sm-pull-11 {
  position: relative;
  left: -91.66667%; }

.sm-offset-10 {
  margin-left: 83.33333%; }

.sm-12 {
  width: 100%; }

.sm-offset-11 {
  margin-left: 91.66667%; }

.sm-up-1 .column, .sm-up-1 .columns {
  width: 100%;
  float: left; }

.sm-up-1 .column:nth-of-type(1n), .sm-up-1 .columns:nth-of-type(1n) {
  clear: none; }

.sm-up-1 .column:nth-of-type(1n+1), .sm-up-1 .columns:nth-of-type(1n+1) {
  clear: both; }

.sm-up-1 .column:last-child, .sm-up-1 .columns:last-child {
  float: left; }

.sm-up-2 .column, .sm-up-2 .columns {
  width: 50%;
  float: left; }

.sm-up-2 .column:nth-of-type(1n), .sm-up-2 .columns:nth-of-type(1n) {
  clear: none; }

.sm-up-2 .column:nth-of-type(2n+1), .sm-up-2 .columns:nth-of-type(2n+1) {
  clear: both; }

.sm-up-2 .column:last-child, .sm-up-2 .columns:last-child {
  float: left; }

.sm-up-3 .column, .sm-up-3 .columns {
  width: 33.33333%;
  float: left; }

.sm-up-3 .column:nth-of-type(1n), .sm-up-3 .columns:nth-of-type(1n) {
  clear: none; }

.sm-up-3 .column:nth-of-type(3n+1), .sm-up-3 .columns:nth-of-type(3n+1) {
  clear: both; }

.sm-up-3 .column:last-child, .sm-up-3 .columns:last-child {
  float: left; }

.sm-up-4 .column, .sm-up-4 .columns {
  width: 25%;
  float: left; }

.sm-up-4 .column:nth-of-type(1n), .sm-up-4 .columns:nth-of-type(1n) {
  clear: none; }

.sm-up-4 .column:nth-of-type(4n+1), .sm-up-4 .columns:nth-of-type(4n+1) {
  clear: both; }

.sm-up-4 .column:last-child, .sm-up-4 .columns:last-child {
  float: left; }

.sm-up-5 .column, .sm-up-5 .columns {
  width: 20%;
  float: left; }

.sm-up-5 .column:nth-of-type(1n), .sm-up-5 .columns:nth-of-type(1n) {
  clear: none; }

.sm-up-5 .column:nth-of-type(5n+1), .sm-up-5 .columns:nth-of-type(5n+1) {
  clear: both; }

.sm-up-5 .column:last-child, .sm-up-5 .columns:last-child {
  float: left; }

.sm-up-6 .column, .sm-up-6 .columns {
  width: 16.66667%;
  float: left; }

.sm-up-6 .column:nth-of-type(1n), .sm-up-6 .columns:nth-of-type(1n) {
  clear: none; }

.sm-up-6 .column:nth-of-type(6n+1), .sm-up-6 .columns:nth-of-type(6n+1) {
  clear: both; }

.sm-up-6 .column:last-child, .sm-up-6 .columns:last-child {
  float: left; }

.column.sm-centered, .sm-centered.columns {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.sm-uncenter,
.sm-push-0,
.sm-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0; }

@media screen and (min-width: 40em) {
  .md-1 {
    width: 8.33333%; }
  .md-push-1 {
    position: relative;
    left: 8.33333%; }
  .md-pull-1 {
    position: relative;
    left: -8.33333%; }
  .md-offset-0 {
    margin-left: 0%; }
  .md-2 {
    width: 16.66667%; }
  .md-push-2 {
    position: relative;
    left: 16.66667%; }
  .md-pull-2 {
    position: relative;
    left: -16.66667%; }
  .md-offset-1 {
    margin-left: 8.33333%; }
  .md-3 {
    width: 25%; }
  .md-push-3 {
    position: relative;
    left: 25%; }
  .md-pull-3 {
    position: relative;
    left: -25%; }
  .md-offset-2 {
    margin-left: 16.66667%; }
  .md-4 {
    width: 33.33333%; }
  .md-push-4 {
    position: relative;
    left: 33.33333%; }
  .md-pull-4 {
    position: relative;
    left: -33.33333%; }
  .md-offset-3 {
    margin-left: 25%; }
  .md-5 {
    width: 41.66667%; }
  .md-push-5 {
    position: relative;
    left: 41.66667%; }
  .md-pull-5 {
    position: relative;
    left: -41.66667%; }
  .md-offset-4 {
    margin-left: 33.33333%; }
  .md-6 {
    width: 50%; }
  .md-push-6 {
    position: relative;
    left: 50%; }
  .md-pull-6 {
    position: relative;
    left: -50%; }
  .md-offset-5 {
    margin-left: 41.66667%; }
  .md-7 {
    width: 58.33333%; }
  .md-push-7 {
    position: relative;
    left: 58.33333%; }
  .md-pull-7 {
    position: relative;
    left: -58.33333%; }
  .md-offset-6 {
    margin-left: 50%; }
  .md-8 {
    width: 66.66667%; }
  .md-push-8 {
    position: relative;
    left: 66.66667%; }
  .md-pull-8 {
    position: relative;
    left: -66.66667%; }
  .md-offset-7 {
    margin-left: 58.33333%; }
  .md-9 {
    width: 75%; }
  .md-push-9 {
    position: relative;
    left: 75%; }
  .md-pull-9 {
    position: relative;
    left: -75%; }
  .md-offset-8 {
    margin-left: 66.66667%; }
  .md-10 {
    width: 83.33333%; }
  .md-push-10 {
    position: relative;
    left: 83.33333%; }
  .md-pull-10 {
    position: relative;
    left: -83.33333%; }
  .md-offset-9 {
    margin-left: 75%; }
  .md-11 {
    width: 91.66667%; }
  .md-push-11 {
    position: relative;
    left: 91.66667%; }
  .md-pull-11 {
    position: relative;
    left: -91.66667%; }
  .md-offset-10 {
    margin-left: 83.33333%; }
  .md-12 {
    width: 100%; }
  .md-offset-11 {
    margin-left: 91.66667%; }
  .md-up-1 .column, .md-up-1 .columns {
    width: 100%;
    float: left; }
  .md-up-1 .column:nth-of-type(1n), .md-up-1 .columns:nth-of-type(1n) {
    clear: none; }
  .md-up-1 .column:nth-of-type(1n+1), .md-up-1 .columns:nth-of-type(1n+1) {
    clear: both; }
  .md-up-1 .column:last-child, .md-up-1 .columns:last-child {
    float: left; }
  .md-up-2 .column, .md-up-2 .columns {
    width: 50%;
    float: left; }
  .md-up-2 .column:nth-of-type(1n), .md-up-2 .columns:nth-of-type(1n) {
    clear: none; }
  .md-up-2 .column:nth-of-type(2n+1), .md-up-2 .columns:nth-of-type(2n+1) {
    clear: both; }
  .md-up-2 .column:last-child, .md-up-2 .columns:last-child {
    float: left; }
  .md-up-3 .column, .md-up-3 .columns {
    width: 33.33333%;
    float: left; }
  .md-up-3 .column:nth-of-type(1n), .md-up-3 .columns:nth-of-type(1n) {
    clear: none; }
  .md-up-3 .column:nth-of-type(3n+1), .md-up-3 .columns:nth-of-type(3n+1) {
    clear: both; }
  .md-up-3 .column:last-child, .md-up-3 .columns:last-child {
    float: left; }
  .md-up-4 .column, .md-up-4 .columns {
    width: 25%;
    float: left; }
  .md-up-4 .column:nth-of-type(1n), .md-up-4 .columns:nth-of-type(1n) {
    clear: none; }
  .md-up-4 .column:nth-of-type(4n+1), .md-up-4 .columns:nth-of-type(4n+1) {
    clear: both; }
  .md-up-4 .column:last-child, .md-up-4 .columns:last-child {
    float: left; }
  .md-up-5 .column, .md-up-5 .columns {
    width: 20%;
    float: left; }
  .md-up-5 .column:nth-of-type(1n), .md-up-5 .columns:nth-of-type(1n) {
    clear: none; }
  .md-up-5 .column:nth-of-type(5n+1), .md-up-5 .columns:nth-of-type(5n+1) {
    clear: both; }
  .md-up-5 .column:last-child, .md-up-5 .columns:last-child {
    float: left; }
  .md-up-6 .column, .md-up-6 .columns {
    width: 16.66667%;
    float: left; }
  .md-up-6 .column:nth-of-type(1n), .md-up-6 .columns:nth-of-type(1n) {
    clear: none; }
  .md-up-6 .column:nth-of-type(6n+1), .md-up-6 .columns:nth-of-type(6n+1) {
    clear: both; }
  .md-up-6 .column:last-child, .md-up-6 .columns:last-child {
    float: left; }
  .column.md-centered, .md-centered.columns {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .md-uncenter,
  .md-push-0,
  .md-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0; } }

@media screen and (min-width: 64em) {
  .lg-1 {
    width: 8.33333%; }
  .lg-push-1 {
    position: relative;
    left: 8.33333%; }
  .lg-pull-1 {
    position: relative;
    left: -8.33333%; }
  .lg-offset-0 {
    margin-left: 0%; }
  .lg-2 {
    width: 16.66667%; }
  .lg-push-2 {
    position: relative;
    left: 16.66667%; }
  .lg-pull-2 {
    position: relative;
    left: -16.66667%; }
  .lg-offset-1 {
    margin-left: 8.33333%; }
  .lg-3 {
    width: 25%; }
  .lg-push-3 {
    position: relative;
    left: 25%; }
  .lg-pull-3 {
    position: relative;
    left: -25%; }
  .lg-offset-2 {
    margin-left: 16.66667%; }
  .lg-4 {
    width: 33.33333%; }
  .lg-push-4 {
    position: relative;
    left: 33.33333%; }
  .lg-pull-4 {
    position: relative;
    left: -33.33333%; }
  .lg-offset-3 {
    margin-left: 25%; }
  .lg-5 {
    width: 41.66667%; }
  .lg-push-5 {
    position: relative;
    left: 41.66667%; }
  .lg-pull-5 {
    position: relative;
    left: -41.66667%; }
  .lg-offset-4 {
    margin-left: 33.33333%; }
  .lg-6 {
    width: 50%; }
  .lg-push-6 {
    position: relative;
    left: 50%; }
  .lg-pull-6 {
    position: relative;
    left: -50%; }
  .lg-offset-5 {
    margin-left: 41.66667%; }
  .lg-7 {
    width: 58.33333%; }
  .lg-push-7 {
    position: relative;
    left: 58.33333%; }
  .lg-pull-7 {
    position: relative;
    left: -58.33333%; }
  .lg-offset-6 {
    margin-left: 50%; }
  .lg-8 {
    width: 66.66667%; }
  .lg-push-8 {
    position: relative;
    left: 66.66667%; }
  .lg-pull-8 {
    position: relative;
    left: -66.66667%; }
  .lg-offset-7 {
    margin-left: 58.33333%; }
  .lg-9 {
    width: 75%; }
  .lg-push-9 {
    position: relative;
    left: 75%; }
  .lg-pull-9 {
    position: relative;
    left: -75%; }
  .lg-offset-8 {
    margin-left: 66.66667%; }
  .lg-10 {
    width: 83.33333%; }
  .lg-push-10 {
    position: relative;
    left: 83.33333%; }
  .lg-pull-10 {
    position: relative;
    left: -83.33333%; }
  .lg-offset-9 {
    margin-left: 75%; }
  .lg-11 {
    width: 91.66667%; }
  .lg-push-11 {
    position: relative;
    left: 91.66667%; }
  .lg-pull-11 {
    position: relative;
    left: -91.66667%; }
  .lg-offset-10 {
    margin-left: 83.33333%; }
  .lg-12 {
    width: 100%; }
  .lg-offset-11 {
    margin-left: 91.66667%; }
  .lg-up-1 .column, .lg-up-1 .columns {
    width: 100%;
    float: left; }
  .lg-up-1 .column:nth-of-type(1n), .lg-up-1 .columns:nth-of-type(1n) {
    clear: none; }
  .lg-up-1 .column:nth-of-type(1n+1), .lg-up-1 .columns:nth-of-type(1n+1) {
    clear: both; }
  .lg-up-1 .column:last-child, .lg-up-1 .columns:last-child {
    float: left; }
  .lg-up-2 .column, .lg-up-2 .columns {
    width: 50%;
    float: left; }
  .lg-up-2 .column:nth-of-type(1n), .lg-up-2 .columns:nth-of-type(1n) {
    clear: none; }
  .lg-up-2 .column:nth-of-type(2n+1), .lg-up-2 .columns:nth-of-type(2n+1) {
    clear: both; }
  .lg-up-2 .column:last-child, .lg-up-2 .columns:last-child {
    float: left; }
  .lg-up-3 .column, .lg-up-3 .columns {
    width: 33.33333%;
    float: left; }
  .lg-up-3 .column:nth-of-type(1n), .lg-up-3 .columns:nth-of-type(1n) {
    clear: none; }
  .lg-up-3 .column:nth-of-type(3n+1), .lg-up-3 .columns:nth-of-type(3n+1) {
    clear: both; }
  .lg-up-3 .column:last-child, .lg-up-3 .columns:last-child {
    float: left; }
  .lg-up-4 .column, .lg-up-4 .columns {
    width: 25%;
    float: left; }
  .lg-up-4 .column:nth-of-type(1n), .lg-up-4 .columns:nth-of-type(1n) {
    clear: none; }
  .lg-up-4 .column:nth-of-type(4n+1), .lg-up-4 .columns:nth-of-type(4n+1) {
    clear: both; }
  .lg-up-4 .column:last-child, .lg-up-4 .columns:last-child {
    float: left; }
  .lg-up-5 .column, .lg-up-5 .columns {
    width: 20%;
    float: left; }
  .lg-up-5 .column:nth-of-type(1n), .lg-up-5 .columns:nth-of-type(1n) {
    clear: none; }
  .lg-up-5 .column:nth-of-type(5n+1), .lg-up-5 .columns:nth-of-type(5n+1) {
    clear: both; }
  .lg-up-5 .column:last-child, .lg-up-5 .columns:last-child {
    float: left; }
  .lg-up-6 .column, .lg-up-6 .columns {
    width: 16.66667%;
    float: left; }
  .lg-up-6 .column:nth-of-type(1n), .lg-up-6 .columns:nth-of-type(1n) {
    clear: none; }
  .lg-up-6 .column:nth-of-type(6n+1), .lg-up-6 .columns:nth-of-type(6n+1) {
    clear: both; }
  .lg-up-6 .column:last-child, .lg-up-6 .columns:last-child {
    float: left; }
  .column.lg-centered, .lg-centered.columns {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .lg-uncenter,
  .lg-push-0,
  .lg-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0; } }

* {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica', Arial, sans-serif !important; }

.big-bold-text {
  font-size: 80px;
  line-height: 96px;
  color: #000;
  font-weight: 800; }

.small-description {
  font-size: 18px;
  line-height: 24px;
  color: #777;
  margin-top: 10px;
  font-weight: 200; }
  .small-description .description-hyperlink {
    color: #777; }

.intro-block {
  position: relative;
  height: 80vh;
  overflow: hidden; }
  .intro-block .intro-content {
    position: absolute;
    top: 24%;
    left: 18%; }

.work-about {
  margin: 0 auto;
  max-width: 37%; }

.work-title {
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  color: #000;
  margin-bottom: 10px; }

.work-employer {
  font-size: 13px;
  line-height: 15px;
  color: #777;
  font-weight: 400; }
  .work-employer a {
    color: #777; }

.work-description {
  font-size: 18px;
  line-height: 24px;
  color: #000;
  font-weight: 400;
  margin: 2.8em 0; }

.view-work a {
  display: inline-block;
  background: #000;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  font-weight: 800;
  letter-spacing: 3px;
  padding: 15px 25px;
  text-decoration: none;
  border-radius: 999px;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
  text-transform: uppercase;
  margin-right: 20px; }
  .view-work a:hover {
    background: #fff;
    color: #000; }

.works {
  width: 100%;
  overflow: hidden; }

.work-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -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;
  margin: 2em 0;
  opacity: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .work-block .work-snap {
    padding: 0; }
    .work-block .work-snap img {
      max-width: 100%;
      max-height: 100%;
      float: right; }

.sm-hide {
  display: block; }

.md-hide {
  display: block; }

.lg-hide {
  display: none; }

.sm-visible {
  display: none; }

.md-visible {
  display: none; }

.lg-visible {
  display: block; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .sm-hide {
    display: block; }
  .md-hide {
    display: none; }
  .lg-hide {
    display: block; }
  .sm-visible {
    display: none; }
  .md-visible {
    display: block; }
  .lg-visible {
    display: none; }
  .intro-block {
    height: 70vh; }
    .intro-block .intro-content {
      top: 40%;
      left: 0;
      padding: 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transform: translatey(-50%);
      -ms-transform: translatey(-50%);
      transform: translatey(-50%); }
  .work-about {
    max-width: 100%;
    padding: 1.5em 3em; } }

@media (max-width: 767px) {
  .sm-hide {
    display: none; }
  .md-hide {
    display: none; }
  .lg-hide {
    display: none; }
  .sm-visible {
    display: block; }
  .lg-visible {
    display: none; }
  .big-bold-text {
    font-size: 50px;
    line-height: 60px;
    margin-top: 1em; }
  .small-description {
    font-size: 18px;
    line-height: 28px; }
  .work-about {
    max-width: 100%;
    padding: 1.5em 20px; }
  .intro-block {
    height: 70vh; }
    .intro-block .intro-content {
      top: 0;
      left: 0;
      padding: 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
  .work-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .work-title {
    font-size: 35px;
    line-height: 46px; }
  .work-description {
    line-height: 28px;
    margin: 20px 0; }
  .view-work a {
    font-size: 9px;
    line-height: 16px;
    letter-spacing: 2px;
    padding: 10px 15px;
    margin-right: 10px;
    margin-bottom: 10px; } }