@import url("https://fonts.googleapis.com/css?family=Lato:300,400,400i,700|Montserrat:300,700");
@font-face {
  font-family: "Font Awesome";
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#Body") format("svg");
  font-weight: normal;
  font-style: normal;
}
.s-healthcheck [class] {
  outline: 5px solid lightgrey;
}
.s-healthcheck [class*=__] {
  outline: 5px solid grey;
}
.s-healthcheck [class*="--"] {
  outline: 5px solid darkgrey;
}
.s-healthcheck [class^=o-],
.s-healthcheck [class*=" o-"] {
  outline: 5px solid orange;
}
.s-healthcheck [class^=c-],
.s-healthcheck [class*=" c-"] {
  outline: 5px solid cyan;
}
.s-healthcheck [class*="@"] {
  outline: 5px solid rosybrown;
}
.s-healthcheck [class^=_] {
  outline: 5px solid red;
}

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;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.u-flex {
  margin: 0px auto;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  box-sizing: border-box;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.u-flex-full {
  width: 100%;
  display: inline-block;
  padding: 25px 0;
}
.u-flex-full--photo-bg {
  background: #205081;
}
.u-flex-full--white-bg {
  background: #fff;
}
.u-flex-full--no-pad {
  padding: 0;
}
@media (max-width: 64em) {
  .u-flex-full--no-pad\@sm {
    padding: 0;
  }
}
.u-flex-grid-thirds {
  display: flex;
  justify-content: space-between;
}

.u-1, .u-12\/12, .u-12 {
  width: 100%;
  display: inline-block;
  float: left;
}
.u-1\/2, .u-2\/4, .u-3\/6, .u-6\/12 {
  width: 50%;
  display: inline-block;
  float: left;
}
.u-1\/3, .u-2\/6, .u-4\/12 {
  width: 33.3333333333%;
  display: inline-block;
  float: left;
}
.u-2\/3, .u-4\/6, .u-8\/12 {
  width: 66.6666666667%;
  display: inline-block;
  float: left;
}
.u-1\/4, .u-3\/12 {
  width: 25%;
  display: inline-block;
  float: left;
}
.u-3\/4, .u-9\/12 {
  width: 75%;
  display: inline-block;
  float: left;
}
.u-1\/6, .u-2\/12 {
  width: 16.6666666667%;
  display: inline-block;
  float: left;
}
.u-5\/6, .u-10\/12 {
  width: 83.3333333333%;
  display: inline-block;
  float: left;
}
.u-1\/12 {
  width: 8.3333333333%;
  display: inline-block;
  float: left;
}
.u-5\/12 {
  width: 41.6666666667%;
  display: inline-block;
  float: left;
}
.u-7\/12 {
  width: 58.3333333333%;
  display: inline-block;
  float: left;
}
.u-11\/12 {
  width: 91.6666666667%;
  display: inline-block;
  float: left;
}
.u-offset-1\/2, .u-offset-2\/4, .u-offset-3\/6, .u-offset-6\/12 {
  margin-left: 50%;
}
.u-offset-1\/3, .u-offset-2\/6, .u-offset-4\/12 {
  margin-left: 33.3333333333%;
}
.u-offset-2\/3, .u-offset-4\/6, .u-offset-8\/12 {
  margin-left: 66.6666666667%;
}
.u-offset-1\/4, .u-offset-3\/12 {
  margin-left: 25%;
}
.u-offset-3\/4, .u-offset-9\/12 {
  margin-left: 75%;
}
.u-offset-1\/6, .u-offset-2\/12 {
  margin-left: 16.6666666667%;
}
.u-offset-5\/6, .u-10\/12 {
  margin-left: 83.3333333333%;
}
.u-offset-1\/12 {
  margin-left: 8.3333333333%;
}
.u-offset-5\/12 {
  margin-left: 41.6666666667%;
}
.u-offset-7\/12 {
  margin-left: 58.3333333333%;
}
.u-offset-11\/12 {
  margin-left: 91.6666666667%;
}
@media only screen and (min-width: 75em) {
  .u-1\@lg, .u-12\/12\@lg, .u-12\@lg {
    width: 100%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-1\@md, .u-12\/12\@md, .u-12\@md {
    width: 100%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-1\@sm, .u-12\/12\@sm, .u-12\@sm {
    width: 100%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 75em) {
  .u-1\/2\@lg, .u-2\/4\@lg, .u-3\/6\@lg, .u-6\/12\@lg {
    width: 50%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-1\/2\@md, .u-2\/4\@md, .u-3\/6\@md, .u-6\/12\@md {
    width: 50%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-1\/2\@sm, .u-2\/4\@sm, .u-3\/6\@sm, .u-6\/12\@sm {
    width: 50%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 75em) {
  .u-1\/3\@lg, .u-2\/6\@lg, .u-4\/12\@lg {
    width: 33.3333333333%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-1\/3\@md, .u-2\/6\@md, .u-4\/12\@md {
    width: 33.3333333333%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-1\/3\@sm, .u-2\/6\@sm, .u-4\/12\@sm {
    width: 33.3333333333%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 75em) {
  .u-2\/3\@lg, .u-4\/6\@lg, .u-8\/12\@lg {
    width: 66.6666666667%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-2\/3\@md, .u-4\/6\@md, .u-8\/12\@md {
    width: 66.6666666667%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-2\/3\@sm, .u-4\/6\@sm, .u-8\/12\@sm {
    width: 66.6666666667%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 75em) {
  .u-1\/4\@lg, .u-3\/12\@lg {
    width: 25%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-1\/4\@md, .u-3\/12\@md {
    width: 25%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-1\/4\@sm, .u-3\/12\@sm {
    width: 25%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 75em) {
  .u-3\/4\@lg, .u-9\/12\@lg {
    width: 75%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-3\/4\@md, .u-9\/12\@md {
    width: 75%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-3\/4\@sm, .u-9\/12\@sm {
    width: 75%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 75em) {
  .u-1\/6\@lg, .u-2\/12\@lg {
    width: 16.6666666667%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-1\/6\@md, .u-2\/12\@md {
    width: 16.6666666667%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-1\/6\@sm, .u-2\/12\@sm {
    width: 16.6666666667%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 75em) {
  .u-5\/6\@lg, .u-10\/12\@lg {
    width: 83.3333333333%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-5\/6\@md, .u-10\/12\@md {
    width: 83.3333333333%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-5\/6\@sm, .u-10\/12\@sm {
    width: 83.3333333333%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 75em) {
  .u-1\/12\@lg {
    width: 8.3333333333%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-1\/12\@md {
    width: 8.3333333333%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-1\/12\@sm {
    width: 8.3333333333%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 75em) {
  .u-5\/12\@lg {
    width: 41.6666666667%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-5\/12\@md {
    width: 41.6666666667%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-5\/12\@sm {
    width: 41.6666666667%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 75em) {
  .u-7\/12\@lg {
    width: 58.3333333333%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-7\/12\@md {
    width: 58.3333333333%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-7\/12\@sm {
    width: 58.3333333333%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 75em) {
  .u-11\/12\@lg {
    width: 91.6666666667%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-11\/12\@md {
    width: 91.6666666667%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-11\/12\@sm {
    width: 91.6666666667%;
    display: inline-block;
    float: left;
  }
}
@media only screen and (min-width: 75em) {
  .u-offset-1\/2\@lg, .u-offset-2\/4\@lg, .u-offset-3\/6\@lg, .u-offset-6\/12\@lg {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-offset-1\/2\@md, .u-offset-2\/4\@md, .u-offset-3\/6\@md, .u-offset-6\/12\@md {
    margin-left: 50%;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-offset-1\/2\@sm, .u-offset-2\/4\@sm, .u-offset-3\/6\@sm, .u-offset-6\/12\@sm {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 75em) {
  .u-offset-1\/3\@lg, .u-offset-2\/6\@lg, .u-offset-4\/12\@lg {
    margin-left: 33.3333333333%;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-offset-1\/3\@md, .u-offset-2\/6\@md, .u-offset-4\/12\@md {
    margin-left: 33.3333333333%;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-offset-1\/3\@sm, .u-offset-2\/6\@sm, .u-offset-4\/12\@sm {
    margin-left: 33.3333333333%;
  }
}
@media only screen and (min-width: 75em) {
  .u-offset-2\/3\@lg, .u-offset-4\/6\@lg, .u-offset-8\/12\@lg {
    margin-left: 66.6666666667%;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-offset-2\/3\@md, .u-offset-4\/6\@md, .u-offset-8\/12\@md {
    margin-left: 66.6666666667%;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-offset-2\/3\@sm, .u-offset-4\/6\@sm, .u-offset-8\/12\@sm {
    margin-left: 66.6666666667%;
  }
}
@media only screen and (min-width: 75em) {
  .u-offset-1\/4\@lg, .u-offset-3\/12\@lg {
    margin-left: 25%;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-offset-1\/4\@md, .u-offset-3\/12\@md {
    margin-left: 25%;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-offset-1\/4\@sm, .u-offset-3\/12\@sm {
    margin-left: 25%;
  }
}
@media only screen and (min-width: 75em) {
  .u-offset-3\/4\@lg, .u-offset-9\/12\@lg {
    margin-left: 75%;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-offset-3\/4\@md, .u-offset-9\/12\@md {
    margin-left: 75%;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-offset-3\/4\@sm, .u-offset-9\/12\@sm {
    margin-left: 75%;
  }
}
@media only screen and (min-width: 75em) {
  .u-offset-1\/6\@lg, .u-offset-2\/12\@lg {
    margin-left: 16.6666666667%;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-offset-1\/6\@md, .u-offset-2\/12\@md {
    margin-left: 16.6666666667%;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-offset-1\/6\@sm, .u-offset-2\/12\@sm {
    margin-left: 16.6666666667%;
  }
}
@media only screen and (min-width: 75em) {
  .u-offset-5\/6\@lg, .u-10\/12\@lg {
    margin-left: 83.3333333333%;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-offset-5\/6\@md, .u-10\/12\@md {
    margin-left: 83.3333333333%;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-offset-5\/6\@sm, .u-10\/12\@sm {
    margin-left: 83.3333333333%;
  }
}
@media only screen and (min-width: 75em) {
  .u-offset-1\/12\@lg {
    margin-left: 8.3333333333%;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-offset-1\/12\@md {
    margin-left: 8.3333333333%;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-offset-1\/12\@sm {
    margin-left: 8.3333333333%;
  }
}
@media only screen and (min-width: 75em) {
  .u-offset-5\/12\@lg {
    margin-left: 41.6666666667%;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-offset-5\/12\@md {
    margin-left: 41.6666666667%;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-offset-5\/12\@sm {
    margin-left: 41.6666666667%;
  }
}
@media only screen and (min-width: 75em) {
  .u-offset-7\/12\@lg {
    margin-left: 58.3333333333%;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-offset-7\/12\@md {
    margin-left: 58.3333333333%;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-offset-7\/12\@sm {
    margin-left: 58.3333333333%;
  }
}
@media only screen and (min-width: 75em) {
  .u-offset-11\/12\@lg {
    margin-left: 91.6666666667%;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-offset-11\/12\@md {
    margin-left: 91.6666666667%;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-offset-11\/12\@sm {
    margin-left: 91.6666666667%;
  }
}

.u-padding {
  padding: 25px;
}

.u-padding-col {
  padding: 0 25px;
}

@media only screen and (max-width: 41.6875em) {
  .u-padding-col\@sm {
    padding: 0 25px;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-padding-col\@md {
    padding: 0 25px;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-col\@lg {
    padding: 0 25px;
  }
}
@media only screen and (max-width: 41.6875em) {
  .u-padding-col {
    padding: 0 12.5px;
  }
}

@media only screen and (max-width: 41.6875em) {
  .u-padding\@sm {
    padding: 25px;
  }
}
@media only screen and (min-width: 41.6875em) and (max-width: 75em) {
  .u-padding\@md {
    padding: 25px;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding\@lg {
    padding: 25px;
  }
}

.u-col * {
  box-sizing: border-box;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
}
.u-col-12 {
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
.u-col-11 {
  -ms-flex-preferred-size: 91.667%;
  -webkit-flex-basis: 91.667%;
  flex-basis: 91.667%;
  max-width: 91.667%;
}
.u-col-10 {
  -ms-flex-preferred-size: 83.333%;
  -webkit-flex-basis: 83.333%;
  flex-basis: 83.333%;
  max-width: 83.333%;
}
.u-col-9 {
  -ms-flex-preferred-size: 75%;
  -webkit-flex-basis: 75%;
  flex-basis: 75%;
  max-width: 75%;
}
.u-col-8 {
  -ms-flex-preferred-size: 66.667%;
  -webkit-flex-basis: 66.667%;
  flex-basis: 66.667%;
  max-width: 66.667%;
}
.u-col-7 {
  -ms-flex-preferred-size: 58.333%;
  -webkit-flex-basis: 58.333%;
  flex-basis: 58.333%;
  max-width: 58.333%;
}
.u-col-6 {
  -ms-flex-preferred-size: 50%;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.u-col-5 {
  -ms-flex-preferred-size: 41.667%;
  -webkit-flex-basis: 41.667%;
  flex-basis: 41.667%;
  max-width: 41.667%;
}
.u-col-4 {
  -ms-flex-preferred-size: 33.333%;
  -webkit-flex-basis: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
}
.u-col-3 {
  -ms-flex-preferred-size: 25%;
  -webkit-flex-basis: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
.u-col-2 {
  -ms-flex-preferred-size: 16.667%;
  -webkit-flex-basis: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%;
}
.u-col-1 {
  -ms-flex-preferred-size: 8.333%;
  -webkit-flex-basis: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%;
}
@media only screen and (min-width: 75em) {
  .u-col-12\@lg {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-11\@lg {
    -ms-flex-preferred-size: 91.667%;
    -webkit-flex-basis: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-10\@lg {
    -ms-flex-preferred-size: 83.333%;
    -webkit-flex-basis: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-9\@lg {
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-8\@lg {
    -ms-flex-preferred-size: 66.667%;
    -webkit-flex-basis: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-7\@lg {
    -ms-flex-preferred-size: 58.333%;
    -webkit-flex-basis: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-6\@lg {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-5\@lg {
    -ms-flex-preferred-size: 41.667%;
    -webkit-flex-basis: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-4\@lg {
    -ms-flex-preferred-size: 33.333%;
    -webkit-flex-basis: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-3\@lg {
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-2\@lg {
    -ms-flex-preferred-size: 16.667%;
    -webkit-flex-basis: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-1\@lg {
    -ms-flex-preferred-size: 8.333%;
    -webkit-flex-basis: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-12\@md {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-11\@md {
    -ms-flex-preferred-size: 91.667%;
    -webkit-flex-basis: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-10\@md {
    -ms-flex-preferred-size: 83.333%;
    -webkit-flex-basis: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-9\@md {
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-8\@md {
    -ms-flex-preferred-size: 66.667%;
    -webkit-flex-basis: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-7\@md {
    -ms-flex-preferred-size: 58.333%;
    -webkit-flex-basis: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-6\@md {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-5\@md {
    -ms-flex-preferred-size: 41.667%;
    -webkit-flex-basis: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-4\@md {
    -ms-flex-preferred-size: 33.333%;
    -webkit-flex-basis: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-3\@md {
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-2\@md {
    -ms-flex-preferred-size: 16.667%;
    -webkit-flex-basis: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-1\@md {
    -ms-flex-preferred-size: 8.333%;
    -webkit-flex-basis: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-12\@sm {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-11\@sm {
    -ms-flex-preferred-size: 91.667%;
    -webkit-flex-basis: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-10\@sm {
    -ms-flex-preferred-size: 83.333%;
    -webkit-flex-basis: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-9\@sm {
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-8\@sm {
    -ms-flex-preferred-size: 66.667%;
    -webkit-flex-basis: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-7\@sm {
    -ms-flex-preferred-size: 58.333%;
    -webkit-flex-basis: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-6\@sm {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-5\@sm {
    -ms-flex-preferred-size: 41.667%;
    -webkit-flex-basis: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-4\@sm {
    -ms-flex-preferred-size: 33.333%;
    -webkit-flex-basis: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-3\@sm {
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-2\@sm {
    -ms-flex-preferred-size: 16.667%;
    -webkit-flex-basis: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-1\@sm {
    -ms-flex-preferred-size: 8.333%;
    -webkit-flex-basis: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }
}
.u-col-offset * {
  float: right;
}
.u-col-offset-11 {
  margin-left: 91.667%;
}
.u-col-offset-10 {
  margin-left: 83.333%;
}
.u-col-offset-9 {
  margin-left: 75%;
}
.u-col-offset-8 {
  margin-left: 66.667%;
}
.u-col-offset-7 {
  margin-left: 58.333%;
}
.u-col-offset-6 {
  margin-left: 50%;
}
.u-col-offset-5 {
  margin-left: 41.667%;
}
.u-col-offset-4 {
  margin-left: 33.333%;
}
.u-col-offset-3 {
  margin-left: 25%;
}
.u-col-offset-2 {
  margin-left: 16.667%;
}
.u-col-offset-1 {
  margin-left: 8.333%;
}
@media only screen and (min-width: 75em) {
  .u-col-offset-11\@lg {
    margin-left: 91.667%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-offset-10\@lg {
    margin-left: 83.333%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-offset-9\@lg {
    margin-left: 75%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-offset-8\@lg {
    margin-left: 66.667%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-offset-7\@lg {
    margin-left: 58.333%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-offset-6\@lg {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-offset-5\@lg {
    margin-left: 41.667%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-offset-4\@lg {
    margin-left: 33.333%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-offset-3\@lg {
    margin-left: 25%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-offset-2\@lg {
    margin-left: 16.667%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-offset-1\@lg {
    margin-left: 8.333%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-offset-11\@md {
    margin-left: 91.667%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-offset-10\@md {
    margin-left: 83.333%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-offset-9\@md {
    margin-left: 75%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-offset-8\@md {
    margin-left: 66.667%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-offset-7\@md {
    margin-left: 58.333%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-offset-6\@md {
    margin-left: 50%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-offset-5\@md {
    margin-left: 41.667%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-offset-4\@md {
    margin-left: 33.333%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-offset-3\@md {
    margin-left: 25%;
  }
}
@media only screen and (max-width: 75em) {
  .u-col-offset-2\@md {
    margin-left: 16.667%;
  }
}
@media only screen and (min-width: 75em) {
  .u-col-offset-1\@md {
    margin-left: 8.333%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-offset-11\@sm {
    margin-left: 91.667%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-offset-10\@sm {
    margin-left: 83.333%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-offset-9\@sm {
    margin-left: 75%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-offset-8\@sm {
    margin-left: 66.667%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-offset-7\@sm {
    margin-left: 58.333%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-offset-6\@sm {
    margin-left: 50%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-offset-5\@sm {
    margin-left: 41.667%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-offset-4\@sm {
    margin-left: 33.333%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-offset-3\@sm {
    margin-left: 25%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-offset-2\@sm {
    margin-left: 16.667%;
  }
}
@media only screen and (max-width: 64em) {
  .u-col-offset-1\@sm {
    margin-left: 8.333%;
  }
}

.u-vert-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.t-dark {
  color: #fff;
  background-color: #333;
}

.t-light {
  color: #333;
  background-color: #efefef;
}

html, body {
  height: 100%;
}

body {
  font-family: "Lato", sans-serif;
  background: #ccc;
  text-align: center;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: "Montserrat", sans-serif, sans-serif;
}

.o-inline {
  display: inline-block;
}

.o-section {
  padding: 0 0 25px;
  width: 100%;
  position: relative;
  z-index: 999;
}
.o-section h1 {
  display: inline-block;
  font-size: 2rem;
  width: 100%;
  padding: 25px 0 !important;
  background: #222;
}
.o-section h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  padding: 25px 0;
}
.o-section--white {
  background: #fff;
}
.o-section--pattern {
  background: url(../img/patternWhite.png) repeat #f1ede1;
}
.o-section--pattern-green {
  background: url(../img/patternWhite.png) repeat #ABD4CE;
}

.o-content {
  width: 61.25em;
  margin: 0 auto;
  color: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 64em) {
  .o-content {
    padding: 0 25px;
  }
}
.o-content h1 {
  font-size: 32px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  line-height: 50px;
  margin-bottom: 6.25px;
}
@media (max-width: 64em) {
  .o-content h1 {
    line-height: 35px;
  }
}
.o-content h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 50px;
  margin-bottom: 25px;
}
@media (max-width: 64em) {
  .o-content h2 {
    line-height: 35px;
  }
  .o-content h2.country {
    line-height: 50px;
  }
}
.o-content h3 {
  font-family: "Montserrat", sans-serif;
}
.o-content p {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 25px;
}
.o-content a,
.o-content a:link,
.o-content a:visited {
  color: #205081;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.o-content a:hover,
.o-content a:link:hover,
.o-content a:visited:hover {
  text-decoration: none;
}
@media (max-width: 64em) {
  .o-content {
    width: 100%;
    padding-top: 0;
  }
}
.o-content--center {
  text-align: center;
  margin: 0 auto;
}
.o-content p-500 {
  max-width: 500px;
}
.o-content--alt-heading {
  text-transform: none !important;
  font-family: "Dancing Script", serif !important;
  margin-bottom: 0 !important;
  height: 100px;
  line-height: 125px !important;
}
@media (max-width: 64em) {
  .o-content--alt-heading {
    line-height: 75px !important;
    font-size: 50px !important;
    height: auto !important;
  }
}
@media (max-width: 41.6875em) {
  .o-content--alt-heading {
    line-height: 50px !important;
  }
}
.o-content--white {
  background: #fff;
  padding: 50px 25px;
  margin-top: 50px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-box-shadow: 0px 5px 10px 1px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0px 5px 10px 1px rgba(51, 51, 51, 0.3);
  box-shadow: 0px 5px 10px 1px rgba(51, 51, 51, 0.3);
}
.o-content--white:hover {
  -webkit-box-shadow: 0px 9px 18px 1px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0px 9px 18px 1px rgba(51, 51, 51, 0.3);
  box-shadow: 0px 9px 18px 1px rgba(51, 51, 51, 0.3);
}
.o-content--dark h1, .o-content--dark h2, .o-content--dark h3 {
  color: #fff;
  line-height: 32px;
}
.o-content--dark a,
.o-content--dark a:link,
.o-content--dark a:visited {
  color: rgba(255, 255, 255, 0.5);
}
.o-content--dark a:hover,
.o-content--dark a:link:hover,
.o-content--dark a:visited:hover {
  color: #fff;
}
@media (max-width: 64em) {
  .o-content--dark {
    padding: 25px 15px;
  }
}
.t-dark .o-content {
  color: #fff;
}

.o-logo {
  width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 64em) {
  .o-logo {
    width: 100%;
    height: auto;
    padding: 0 25px;
    text-align: center;
  }
}
.o-logo__mobile {
  display: none;
  width: 100%;
}
@media (max-width: 41.6875em) and (orientation: portrait) {
  .o-logo__mobile {
    display: block;
  }
}
.o-logo__desktop {
  display: block;
}
@media (max-width: 41.6875em) and (orientation: portrait) {
  .o-logo__desktop {
    display: none;
  }
}

.o-divider--dotted {
  height: 10px;
  width: 100%;
  margin: 12.5px 0 25px;
  background: url("../img/dotted-line.png") repeat-x transparent;
  background-size: 41px 21px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .o-divider--dotted {
    background-image: url("../img/dotted-line-2x.png");
  }
}
.o-divider--deco {
  background: url("../img/divider-deco.png") no-repeat center center transparent;
  height: 25px;
  width: 100%;
  margin: 25px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .o-divider--deco {
    background-image: url("../img/divider-deco-2x.png") no-repeat center center transparent;
  }
}
@media (max-width: 64em) {
  .o-divider--deco {
    margin: 12.5px 0;
  }
}
.o-divider--vertical {
  width: 5px;
  background: #53453b;
  height: 225px;
  display: inline-block;
  float: left;
  margin: 0 25px;
}
@media (max-width: 64em) {
  .o-divider--vertical {
    display: none;
  }
}

@media (max-width: 64em) {
  .o-bullet {
    display: block;
  }
}

.o-footer {
  height: 100px;
  clear: both;
  background: #222;
  color: #fff;
  padding-top: 25px;
}
@media only screen and (max-width: 64em) {
  .o-footer {
    height: auto;
    padding: 50px 0;
    float: left;
    width: 100%;
  }
}
.o-footer__content {
  width: 61.25em;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
}
@media only screen and (max-width: 64em) {
  .o-footer__content {
    width: 100%;
  }
}
.o-footer__content a:link,
.o-footer__content a:visited {
  color: #fff;
  text-decoration: none;
}
.o-footer__subtext {
  text-align: center;
  color: #999;
  padding-top: 25px;
  font-size: 12px;
}
.o-footer__subtext a:link,
.o-footer__subtext a:visited {
  color: #999;
  text-decoration: none;
}
.t-dark .o-footer {
  color: #fff;
  background-color: #222;
}
.t-dark .o-footer__subtext {
  color: #fff;
}
.t-dark .o-footer__subtext a:link,
.t-dark .o-footer__subtext a:visited {
  color: #999;
}

.o-main {
  min-height: 100%;
  height: auto !important;
}
.o-main:after {
  content: "";
  display: block;
  clear: both;
  height: 100px;
}

.c-info {
  width: 605px;
  margin: 100px auto 0;
}
@media (max-width: 64em) {
  .c-info {
    height: auto;
    width: 100%;
    text-align: center;
    margin-top: 50px;
  }
}
.c-info--alternate .c-date__year {
  font-size: 100px;
  display: inline-block;
}
.c-info--alternate .c-info__container {
  text-align: center;
}
.c-info--alternate .c-info__container h3 {
  margin-bottom: 25px;
}
.c-info__container {
  padding: 33px 0 0;
  text-align: left;
}
@media (max-width: 64em) {
  .c-info__container {
    text-align: center;
  }
}
.c-info__container h3 {
  font-size: 36px;
}
.c-info__container p {
  font-size: 22px;
  line-height: 22px;
}

.c-slideshow {
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
.c-slideshow img {
  width: 2560px;
  left: -50% !important;
}
@media (min-width: 1280px) {
  .c-slideshow img {
    width: 100%;
    height: auto;
    left: 0 !important;
  }
}

.c-button {
  border: none;
  -webkit-appearance: none;
  padding: 10px 25px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  cursor: pointer;
}
.c-button--github {
  background: #333;
}
.c-button i {
  margin-right: 3px;
  display: inline-block;
  font-size: 25px;
  height: 25px;
  line-height: 25px;
  vertical-align: text-bottom;
}
.c-button span {
  height: 25px;
  line-height: 25px;
  vertical-align: text-bottom;
  display: inline-block;
}
.t-light .c-button {
  color: #fff;
  background-color: #333;
}
.t-dark .c-button {
  color: #333;
  background-color: #fff;
}
.c-button--finals {
  position: absolute;
  top: 96px;
  right: 12px;
  z-index: 999;
  background: #222 !important;
  color: #fff !important;
  padding: 10px 15px;
}
.c-button--finals i {
  font-size: 16px;
  margin: 0 0 0 5px;
}
.c-button--ladder {
  position: absolute;
  top: 96px;
  left: 12px;
  z-index: 999;
  background: #222 !important;
  color: #fff !important;
  padding: 10px 15px;
}
.c-button--ladder i {
  font-size: 16px;
  margin: 0 5px 0 0;
}

.c-ladder__container {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 90em) {
  .c-ladder__container {
    padding-right: 0;
  }
}
.c-ladder h2 {
  padding-bottom: 15px;
}
.c-ladder__item {
  display: inline-block;
  width: 100%;
  background: #555;
  position: relative;
  text-align: left;
  color: #fff;
  margin: 0px auto;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  box-sizing: border-box;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 3px auto;
}
.c-ladder__item div {
  display: inline-block;
  padding: 12.5px 0;
}
.c-ladder__item div:nth-child(even) {
  background: rgba(0, 0, 0, 0.05);
}
.c-ladder__item-0 {
  background: #333;
}
.c-ladder__item-0 div {
  color: #fff;
  background: transparent !important;
}
.c-ladder__item-0 div.c-ladder__team {
  padding: 12.5px !important;
}
.c-ladder__item-1, .c-ladder__item-2, .c-ladder__item-3, .c-ladder__item-4 {
  background: #efefef;
  color: #333;
}
.c-ladder__item-5, .c-ladder__item-6, .c-ladder__item-7, .c-ladder__item-8 {
  background: #ccc;
  color: #333;
}
.c-ladder__position {
  -ms-flex-preferred-size: 8.333%;
  -webkit-flex-basis: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%;
  text-align: center;
}
.c-ladder__team {
  -ms-flex-preferred-size: 25%;
  -webkit-flex-basis: 25%;
  flex-basis: 25%;
  max-width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  position: relative;
  padding: 0 !important;
}
.c-ladder__team span {
  padding-left: 12.5px;
  margin-top: 12.5px;
  display: inline-block;
  vertical-align: top;
}
.c-ladder__played, .c-ladder__wins, .c-ladder__draws, .c-ladder__losses, .c-ladder__points-for, .c-ladder__points-against, .c-ladder__percentage, .c-ladder__points {
  -ms-flex-preferred-size: 8.333%;
  -webkit-flex-basis: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%;
  text-align: center;
}
.c-ladder__icon {
  -webkit-box-shadow: 0px 2px 4px 1px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0px 2px 4px 1px rgba(51, 51, 51, 0.3);
  box-shadow: 0px 2px 4px 1px rgba(51, 51, 51, 0.3);
  height: 41px;
  width: 41px;
  margin-bottom: -2px;
  background: #666;
}
.c-ladder__points-for, .c-ladder__points-against {
  display: none !important;
}
.c-ladder__percentage {
  -ms-flex-preferred-size: 16.667%;
  -webkit-flex-basis: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%;
}
.c-ladder__team {
  -ms-flex-preferred-size: 33.333%;
  -webkit-flex-basis: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
}
@media screen and (max-width: 75em) {
  .c-ladder__points-for, .c-ladder__points-against {
    display: none !important;
  }
  .c-ladder__percentage {
    -ms-flex-preferred-size: 16.667%;
    -webkit-flex-basis: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }
  .c-ladder__team {
    -ms-flex-preferred-size: 33.333%;
    -webkit-flex-basis: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
}
@media screen and (max-width: 41.6875em) {
  .c-ladder__item div {
    padding-left: 0;
    padding-right: 0;
  }
  .c-ladder__item div:nth-child(even) {
    background: transparent;
  }
  .c-ladder__wins, .c-ladder__losses, .c-ladder__draws {
    display: none !important;
  }
  .c-ladder__team {
    -ms-flex-preferred-size: 58.333%;
    -webkit-flex-basis: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
}

@media screen and (min-width: 75em) {
  .c-fixture h2 {
    padding-bottom: 62px;
  }
}
.c-fixture__game {
  background: #666;
  width: 32%;
  margin-bottom: 17px;
  margin-right: 1.5%;
  display: inline-block;
}
.c-fixture__game:nth-child(4), .c-fixture__game:nth-child(7), .c-fixture__game:nth-child(10) {
  margin-right: 0;
}
.c-fixture__game--in-progress {
  background: #efefef;
  color: #333;
}
.c-fixture__game--completed {
  background: #444;
}
@media screen and (max-width: 64em) {
  .c-fixture__game {
    width: 100%;
    margin: 0 0 36px;
  }
}
.c-fixture__venue {
  padding: 25px 0;
  font-size: 12px;
}
.c-fixture__date {
  padding: 25px 0 3px;
  line-height: 1.5;
}
.c-fixture__vs {
  display: inline-block;
  padding: 0 25px;
  vertical-align: top;
  margin-top: 50px;
}
.c-fixture__team {
  display: inline-block;
  text-align: center;
  width: 75px;
  font-size: 12px;
  line-height: 16px;
}
.c-fixture__team img,
.c-fixture__team span {
  display: block;
}
.c-fixture__team img.js-score-text,
.c-fixture__team span.js-score-text {
  padding-top: 6.25px;
}
.c-fixture__team img {
  width: 75px;
  height: 75px;
  text-align: center;
  margin: 12.5px 0;
}
.c-fixture__score {
  font-size: 15px;
  font-weight: 300;
}
.c-fixture__score-total {
  display: inline !important;
  font-weight: 600;
}

.c-finals {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 75em) {
  .c-finals-alt {
    background: #222;
  }
}
.c-finals-prem {
  margin-bottom: -25px;
}
.c-finals__prem {
  background-color: #222;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  display: inline-block;
  width: 40%;
  margin: 0 0 50px;
}
@media screen and (max-width: 75em) {
  .c-finals__prem {
    width: 100%;
  }
}
.c-finals__prem-overlay {
  padding: 50px 0 25px;
}
.c-finals__prem-overlay h2 {
  background: #333;
  margin: 25px 0;
}
@media screen and (min-width: 75em) {
  .c-finals h2 {
    padding-bottom: 25px;
  }
}
.c-finals__game {
  background: #666;
  width: 23%;
  margin-bottom: 35px;
  margin-right: 1.5%;
  display: inline-block;
}
.c-finals__game:nth-child(5), .c-finals__game:nth-child(10) {
  margin-right: 0;
}
.c-finals__game.live {
  background: #efefef;
  color: #333;
}
.c-finals__game.live .c-date__day,
.c-finals__game.live .c-date__month,
.c-finals__game.live .c-date__date,
.c-finals__game.live .c-date__time {
  display: none;
}
.c-finals__game.full-time {
  background: #444;
}
@media screen and (max-width: 64em) {
  .c-finals__game {
    width: 100%;
    margin: 0 0 36px;
  }
}
.c-finals-1 .c-finals__game {
  margin-right: 0;
}
.c-finals-semi .c-finals__game:nth-child(5) {
  margin-right: 0;
}
@media screen and (min-width: 75em) {
  .c-finals-semi {
    padding-top: 50px;
  }
}
.c-finals-pre .c-finals__game:nth-child(5) {
  margin-right: 0 !important;
}
@media screen and (min-width: 75em) {
  .c-finals-pre {
    padding-top: 125px;
    margin-top: -3px;
  }
}
.c-finals__venue {
  padding: 25px 0 25px;
  font-size: 12px;
}
.c-finals__date {
  padding: 25px 0 3px;
  line-height: 1.5;
}
.c-finals__vs {
  display: inline-block;
  padding: 0 25px;
  vertical-align: top;
  margin-top: 50px;
}
.c-finals__team {
  display: inline-block;
  text-align: center;
  width: 90px;
}
.c-finals__team img,
.c-finals__team span {
  display: block;
}
.c-finals__team img.js-score-text,
.c-finals__team span.js-score-text {
  padding-top: 6.25px;
}
.c-finals__team img.js-team-text,
.c-finals__team span.js-team-text {
  white-space: nowrap;
  display: inline-block;
}
.c-finals__team img {
  width: 70px;
  height: 70px;
  text-align: center;
  margin: 9px 10px;
  display: inline-block;
}
.c-finals__score {
  font-size: 15px;
  font-weight: 300;
}
.c-finals__score-total {
  display: inline !important;
  font-weight: 600;
}
@media screen and (max-width: 64em) {
  .c-finals:first-child {
    padding-top: 50px;
  }
}

.c-date__day, .c-date__date, .c-date__month, .c-date__time, .c-date__live, .c-date__status {
  display: inline-block;
}
.c-date__day, .c-date__month, .c-date__live, .c-date__status {
  margin-right: 5px;
  font-weight: 600;
}
.c-date__date {
  margin-right: 10px;
  font-weight: 600;
}
.c-date__live {
  color: #FF002B;
}
.c-arrow {
  position: absolute;
}
@media screen and (max-width: 75em) {
  .c-arrow {
    display: none;
  }
}
.c-arrow-semi-left, .c-arrow-prelim-left, .c-arrow-gf-left {
  left: 50%;
  top: 0;
  margin-left: -50%;
}
@media screen and (min-width: 118.75em) {
  .c-arrow-semi-left, .c-arrow-prelim-left, .c-arrow-gf-left {
    margin-left: -42%;
  }
}
.c-arrow-semi-right, .c-arrow-prelim-right, .c-arrow-gf-right {
  right: 50%;
  top: 0;
  margin-right: -50%;
}
@media screen and (min-width: 118.75em) {
  .c-arrow-semi-right, .c-arrow-prelim-right, .c-arrow-gf-right {
    margin-right: -42%;
  }
}
.c-arrow-semi-top, .c-arrow-prelim-top, .c-arrow-gf-top {
  top: 0;
  left: 50%;
  margin-left: -188px;
}

.c-scroll {
  display: none;
}
@media screen and (max-width: 64em) {
  .c-scroll {
    display: block;
    position: fixed;
    z-index: 999;
    background: #222;
    bottom: 12.5px;
    right: 12.5px;
    height: 50px;
    width: 50px;
    font-family: "Font Awesome";
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: 0px 2px 4px 1px rgba(51, 51, 51, 0.3);
    -moz-box-shadow: 0px 2px 4px 1px rgba(51, 51, 51, 0.3);
    box-shadow: 0px 2px 4px 1px rgba(51, 51, 51, 0.3);
  }
  .c-scroll.is-hidden {
    display: none;
  }
  .c-scroll.has-live {
    background: #FF002B;
  }
  .c-scroll:before {
    position: relative;
    z-index: 999;
    content: "\f103";
    color: #fff;
    font-size: 25px;
    line-height: 50px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    width: 50px;
    font-family: "Font Awesome";
  }
}