/* DEFINITION */
/* FONTS */
/*@font-face {
    font-family: 'cooperhewitt';
    src: url('/fonts/cooperhewitt/cooperhewitt-bold.woff2') format('woff2'),
         url('/fonts/cooperhewitt/cooperhewitt-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; }
  *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, form, fieldset, label, legend, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, audio, video {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background: transparent;
  vertical-align: baseline;
  font-size: 100%; }

html {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  color: #111;
  font-family: Rubik, sans-serif;
  font-weight: 500;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
  text-rendering: optimizeLegibility; }

body {
  margin: 0 auto;
  padding: 0;
  background: #FFF; }

article, aside, figure, figcaption, footer, header, nav, section, small {
  display: block; }

h1, h2, h3, h4, p, ul, ol, dl, pre, address, table, form, hr, figure, audio, video {
  margin-bottom: 0; }

.cf:before, .cf:after {
  display: table;
  content: ""; }

.cf:after, .clear {
  clear: both; }

/* scss-compile-options: --precision 15 */
.con {
  width: 100%; }

.row {
  display: flex;
  flex-flow: row wrap; }

[class^="col-"] {
  flex: 1; }

.con {
  margin: 0 auto;
  max-width: 100%; }

.row {
  margin: 0 -15px; }

[class^="col-"] {
  padding: 0 15px; }

.col-xs-1 {
  flex: 0 0 8.33333%; }

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

.col-xs-2 {
  flex: 0 0 16.66667%; }

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

.col-xs-3 {
  flex: 0 0 25%; }

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

.col-xs-4 {
  flex: 0 0 33.33333%; }

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

.col-xs-5 {
  flex: 0 0 41.66667%; }

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

.col-xs-6 {
  flex: 0 0 50%; }

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

.col-xs-7 {
  flex: 0 0 58.33333%; }

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

.col-xs-8 {
  flex: 0 0 66.66667%; }

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

.col-xs-9 {
  flex: 0 0 75%; }

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

.col-xs-10 {
  flex: 0 0 83.33333%; }

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

.col-xs-11 {
  flex: 0 0 91.66667%; }

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

.col-xs-12 {
  flex: 0 0 100%; }

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

@media screen and (min-width: 1200px) {
  .con {
    margin: 0 auto;
    max-width: 1122px; }
  .row {
    margin: 0 -18px; }
  [class^="col-"] {
    padding: 0 18px; }
  .col-lg-1 {
    flex: 0 0 8.33333%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

/* HEADLINES */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-family: Rubik; }
  h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
    margin-top: 36px; }

article {
  padding: 72px 0; }

h2, .h2 {
  font-size: 45px;
  line-height: 54px; }

/* COPY TEXT */
p, .p {
  font-family: Vollkorn;
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
  color: #111; }
  p + p, .p + p {
    margin-top: 36px; }

small {
  margin: 12px 0 0 0;
  font-family: Rubik;
  font-size: 12px;
  font-weight: 500;
  color: #555;
  line-height: 36px;
  letter-spacing: .1em; }

a {
  color: #3E52B3;
  text-decoration: none;
  transition: all 120ms ease; }
  a:hover {
    color: #D0021B; }

#header {
  height: 48px;
  background: #FFF;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  display: none; }