@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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; }

button {
  border: 0;
  background: transparent;
  -webkit-appearence: none;
  -moz-appearence: none;
  -ms-appearence: none; }

dl dd {
  margin-bottom: 0; }

/*
 * Image path variable
 */
/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/
/**
 * PROXIMA NOVA
 *
 * This is the primary font used in the app.
 *
 *
 */
@font-face {
  font-family: 'proxima-nova';
  src: url("../fonts/proximanova-reg-webfont.eot");
  src: url("../fonts/proximanova-reg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-reg-webfont.woff") format("woff"), url("../fonts/proximanova-reg-webfont.ttf") format("truetype"), url("../fonts/proximanova-reg-webfont.svg#proxima_nova_rgregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proxima-nova-thin';
  src: url("../fonts/proximanova-thin-webfont.eot");
  src: url("../fonts/proximanova-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-thin-webfont.woff") format("woff"), url("../fonts/proximanova-thin-webfont.ttf") format("truetype"), url("../fonts/proximanova-thin-webfont.svg#proxima_nova_ththin") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proxima-nova-semibold';
  src: url("../fonts/proximanova-sbold-webfont.eot");
  src: url("../fonts/proximanova-sbold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-sbold-webfont.woff") format("woff"), url("../fonts/proximanova-sbold-webfont.ttf") format("truetype"), url("../fonts/proximanova-sbold-webfont.svg#proxima_nova_ltsemibold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proxima-nova-bold';
  src: url("../fonts/proximanova-bold-webfont.eot");
  src: url("../fonts/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-bold-webfont.woff") format("woff"), url("../fonts/proximanova-bold-webfont.ttf") format("truetype"), url("../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'playfairdisplay-blackitalic-webfont';
  src: url("../fonts/playfairdisplay-blackitalic-webfont.eot");
  src: url("../fonts/playfairdisplay-blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/playfairdisplay-blackitalic-webfont.woff") format("woff"), url("../fonts/playfairdisplay-blackitalic-webfont.ttf") format("truetype"), url("../fonts/playfairdisplay-blackitalic-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'playfairdisplay-bolditalic-webfont';
  src: url("../fonts/playfairdisplay-bolditalic-webfont.eot");
  src: url("../fonts/playfairdisplay-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/playfairdisplay-bolditalic-webfont.woff") format("woff"), url("../fonts/playfairdisplay-bolditalic-webfont.ttf") format("truetype"), url("../fonts/playfairdisplay-bolditalic-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'playfairdisplay-bold-webfont';
  src: url("../fonts/playfairdisplay-bold-webfont.eot");
  src: url("../fonts/playfairdisplay-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/playfairdisplay-bold-webfont.woff") format("woff"), url("../fonts/playfairdisplay-bold-webfont.ttf") format("truetype"), url("../fonts/playfairdisplay-bold-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/**
 * Mixin to be used when regular font weight is needed.
 */
/**
 * Mixin to be used when regular font weight is needed.
 */
/**
 * Mixin to be used when regular font weight is needed.
 */
/**
 * Mixin to be used when regular font weight is needed.
 */
/**
 * Mixin to be used when regular font weight is needed.
 */
/**
 * Mixin to be used when regular font weight is needed.
 */
/**
 * Mixin to be used when regular font weight is needed.
 */
/*
 * Hides accessible <h> tags used to structure
 * the HTML Outline
*/
.accessibility-hidden,
.hide {
  /* Display and box model */
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

/*///// TEXT UTILITIES /////*/
/*
 *
 */
.label-bold {
  /* Display and box model */
  display: block;
  padding-bottom: 0.3125rem;
  /* Appearance */
  font-family: 'proxima-nova-bold', Helvetica, San-serif;
  font-weight: bold;
  color: #666666;
  text-transform: uppercase;
  font-size: 0.9375rem; }

html {
  font-family: "Montserrat", helvetica, Arial, San-serif;
  color: #666666; }

a {
  text-decoration: none;
  color: #666666;
  outline: none; }

.accessibility-hidden,
.hide {
  display: none;
  visibility: hidden; }

.divider {
  /* Display and box model */
  margin-bottom: 60px;
  /* Appearance */
  border: none;
  border-top: solid 1px #999999; }

.show-on-large {
  /* Display and box model */
  display: none; }

.text-bold {
  /* Appearance */
  font-family: 'proxima-nova-bold', Helvetica, San-serif;
  font-weight: bold; }

@media (max-width: 30em) {
  .hide-from-mobile {
    /* Display and box model */
    display: none !important; }
  .show-on-mobile {
    /* Display and box model */
    display: inline-block; }
  .show-on-mobile-flex {
    /* Display and box model */
    display: flex; } }

@media (min-width: 48em) {
  .show-on-mobile,
  .show-on-mobile-flex {
    /* Display and box model */
    display: none !important; } }

@media (min-width: 48.0625em) {
  .show-on-large {
    /* Display and box model */
    display: inline-block !important; } }

.block {
  /* Display and box model */
  padding: 0.9375rem 0; }
  .block__col {
    /* Display and box model */
    display: flex;
    justify-content: center; }
  .block__figure {
    /* Display and box model */
    padding: 0.9375rem 0; }
  .block__image,
  .block__image > img {
    /* Display and box model */
    display: inline-block;
    max-width: 100%; }
    .block__image--effect,
    .block__image > img--effect {
      /* Appearance */
      filter: drop-shadow(0 0 5px rgba(34, 34, 34, 0.25));
      border-radius: 0.5625rem; }
  .block__caption {
    /* Appearance */
    font-family: 'proxima-nova', Helvetica, San-serif;
    font-weight: 500;
    font-size: 0.6875rem;
    line-height: 2em;
    color: #999999;
    text-align: left; }
  .block--cards .block__col {
    /* Display and box model */
    margin: 0 7px;
    margin-bottom: 0.9375rem; }
  @media (min-width: 48em) {
    .block__container {
      /* Display and box model */
      display: flex;
      flex-flow: wrap;
      justify-content: center; }
    .block__col {
      /* Display and box model */
      flex: 1 0 100%;
      margin-bottom: 0.9375rem; }
    .block__figure {
      /* Display and box model */
      padding-right: 0.9375rem;
      max-width: 40.625rem; }
      .block__figure:last-child {
        /* Display and box model */
        padding-right: 0; }
    .block--cards .block__col {
      /* Display and box model */
      flex: 1 0 calc(33% - 14px); } }
  @media (min-width: 48.0625em) {
    .block__figure {
      max-width: 57.5rem; } }
  @media (min-width: 85.4375em) {
    .block__figure {
      max-width: 85.375rem; } }

.content {
  /* Display and box model */
  padding: 1.875rem; }
  .content__container {
    /* Display and box model */
    max-width: 64rem;
    margin: 0 auto; }
  .content__block {
    /* Display and box model */
    padding-bottom: 0.9375rem; }
    .content__block:last-child {
      /* Display and box model */
      padding-bottom: 0; }
  .content__col {
    /* Display and box model */
    flex: 1;
    margin-bottom: 1.875rem; }
  .content__list {
    /* Display and box model */
    padding-bottom: 1.25rem; }
  .content__list-item {
    /* Display and box model */
    display: flex;
    align-items: center;
    margin-bottom: 0.625rem; }
    .content__list-item:before {
      /* Display and box model */
      content: '•';
      display: inline-block;
      margin-right: 0.625rem;
      /* Appearance */
      color: #FF6800; }
    .content__list-item:first-child {
      /* Display and box model */
      padding-top: 0.625rem; }
    .content__list-item:last-child {
      /* Display and box model */
      margin-bottom: 0; }
  .content__title {
    /* Display and box model */
    margin-bottom: 1.5rem;
    /* Appearance */
    font-family: 'playfairdisplay-blackitalic-webfont', Georgia, Serif;
    font-size: 2.25rem; }
  .content__subtitle {
    /* Display and box model */
    margin-top: 1.875rem;
    margin-bottom: 0.9375rem;
    /* Appearance */
    font-family: 'playfairdisplay-blackitalic-webfont', Georgia, Serif;
    font-size: 1.625rem; }
  .content__headline {
    /* Appearance */
    font-family: 'proxima-nova-bold', Helvetica, San-serif;
    font-weight: bold;
    font-size: 1.1875rem;
    line-height: 2em; }
  .content__meta {
    /* Appearance */
    font-family: 'proxima-nova', Helvetica, San-serif;
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.4em;
    text-transform: uppercase; }
  .content__copy {
    /* Display and box model */
    padding-bottom: 1.25rem;
    /* Appearance */
    font-family: 'proxima-nova', Helvetica, San-serif;
    font-weight: 500;
    font-size: 1.0625rem;
    line-height: 1.4em; }
    .content__copy:last-child {
      /* Display and box model */
      padding-bottom: 0; }
  .content__inline-link {
    /* Appearance */
    font-family: 'proxima-nova', Helvetica, San-serif;
    font-weight: 500;
    font-size: 1.0625rem;
    line-height: 1.4em;
    color: rgba(255, 104, 0, 0.8);
    text-transform: normal; }
  .content__link {
    /* Appearance */
    font-family: 'playfairdisplay-blackitalic-webfont', Georgia, Serif;
    font-size: 1.3125rem;
    line-height: 1.4em;
    color: #FF6800; }
  @media (min-width: 48.0625em) {
    .content {
      /* Display and box model */ }
      .content__container {
        /* Display and box model */
        display: flex;
        justify-content: space-between; }
      .content__block {
        /* Display and box model */
        padding-bottom: 1.875rem; }
      .content__col {
        /* Display and box model */
        padding: 0 1.875rem;
        margin-bottom: 0; }
        .content__col--about {
          /* Display and box model */
          position: relative;
          top: -9.375rem;
          max-width: 37.5rem;
          padding: 3.75rem;
          padding-top: 1.875rem;
          /* Appearance */
          background: #fafafa;
          border-top: solid 0.5625rem #FF5D00;
          border-radius: 0 0 0.9375rem 0.9375rem;
          box-shadow: 0 0 6px rgba(34, 34, 34, 0.15), 0 0 16px rgba(34, 34, 34, 0.25); }
      .content__list-item {
        /* Appearance */
        font-size: 1.3125rem; }
      .content__title {
        /* Display and box model */
        margin-bottom: 2.1875rem;
        /* Appearance */
        font-size: 3.5rem; }
      .content__copy {
        /* Appearance */
        font-size: 1.3125rem; }
      .content__inline-link {
        /* Appearance */
        font-size: 1.3125rem; } }
  @media (min-width: 85.4375em) {
    .content__title {
      /* Appearance */
      font-family: 'playfairdisplay-blackitalic-webfont', Georgia, Serif;
      font-size: 4.5rem; } }

.footer {
  /* Display and box model */
  padding: 1.25rem; }
  .footer__copy {
    /* Appearance */
    font-family: 'proxima-nova', Helvetica, San-serif;
    font-weight: 500;
    font-size: 0.8125rem;
    text-align: center; }
  .footer__link {
    /* Appearance */
    font-family: 'proxima-nova', Helvetica, San-serif;
    font-weight: 500;
    font-size: 0.8125rem;
    font-weight: bold;
    color: #FF6800; }

.hero {
  /* Display and box model */
  position: relative;
  width: 100%;
  height: 18.75rem;
  /* Appearance */
  background: url(../img/hero.png) 0 0 no-repeat;
  background-size: cover;
  border-top: solid 0.5625rem #FF5D00; }
  .hero--blackboard {
    background: url(../img/case-study/bg.jpg) 0 0 no-repeat;
    background-size: cover; }
  .hero--center {
    /* Display and box model */
    display: flex;
    justify-content: center;
    align-items: center; }
  @media (min-width: 48.0625em) {
    .hero {
      /* Display and box model */
      height: 37.5rem; } }
  @media (min-width: 85.4375em) {
    .hero {
      /* Appearance */
      border-radius: 0 0 0.9375rem 0.9375rem;
      box-shadow: 0 0 12px rgba(34, 34, 34, 0.25); } }

.link-list {
  /* Display and box model */
  padding: 1.875rem 0; }
  .link-list__item {
    /* Display and box model */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9375rem 0;
    /* Appearance */
    border-top: solid 1px #e0e0e0; }
    .link-list__item:after {
      content: '→';
      display: block;
      height: 1em;
      width: 1em;
      margin-left: 0.9375rem; }
  .link-list__cell {
    /* Display and box model */
    flex: 1;
    padding-left: 1.25rem; }
    .link-list__cell:hover .link-list__item:after {
      left: 0;
      transition: .3s; }
    .link-list__cell:hover .link-list__link {
      color: #FF6800;
      transition: .3s; }
  .link-list__meta {
    /* Appearance */
    font-family: 'proxima-nova-semibold', Helvetica, San-serif;
    font-weight: bold;
    font-size: 0.9375rem;
    color: #999999;
    line-height: 1.6em;
    letter-spacing: .03em;
    text-transform: uppercase; }
  .link-list__link {
    /* Appearance */
    font-family: 'playfairdisplay-blackitalic-webfont', Georgia, Serif;
    font-size: 1.625rem;
    color: #666666; }
  @media (min-width: 48em) {
    .link-list {
      /* Display and box model */
      padding-top: 0; }
      .link-list--horiz {
        /* Display and box model */
        display: flex; }
        .link-list--horiz .link-list__cell {
          /* Display and box model */
          padding-left: 0; }
        .link-list--horiz .link-list__item {
          /* Display and box model */
          flex: 1;
          justify-content: center;
          text-align: center; }
          .link-list--horiz .link-list__item:after {
            content: none; }
          .link-list--horiz .link-list__item:first-child:before {
            content: '←';
            display: block;
            height: 1em;
            width: 1em;
            margin-right: 0.9375rem; }
          .link-list--horiz .link-list__item:nth-child(2) {
            /* Display and box model */
            /* Appearance */
            border-left: solid 1px #e0e0e0;
            border-right: solid 1px #e0e0e0; }
          .link-list--horiz .link-list__item:last-child:after {
            content: '→';
            display: block;
            height: 1em;
            width: 1em;
            margin-left: 0.9375rem; } }

.logo {
  /* Display and box model */
  display: flex;
  align-items: center; }
  .logo__icon {
    /* Display and box model */
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    margin-right: 0.625rem;
    /* Appearance */
    background: url(../img/icons/logo.svg) 0 0 no-repeat;
    background-size: 100%; }
  .logo__title {
    /* Appearance */
    font-family: 'playfairdisplay-bolditalic-webfont', Georgia, Serif;
    font-size: 1.5rem; }
  @media (min-width: 48em) {
    .logo {
      /* Appearance */
      font-size: 1.875rem; } }

.icon {
  /* Display and box model */
  display: block; }
  .icon:before {
    display: inline-block;
    content: '';
    background-size: contain; }
    .icon:before:before {
      width: 3.75rem;
      height: 3.75rem;
      background-size: 100%;
      vertical-align: middle; }
  .icon--block:before {
    background: red; }
  .icon--clover:before {
    background: url(../img/icons/icon-clover.png) 50% 50% no-repeat; }
    .icon--clover:before:before {
      width: 3.75rem;
      height: 3.75rem;
      background-size: 100%;
      vertical-align: middle; }
  .icon--kd:before {
    background: url(../img/icons/icon-kd-light.svg) 50% 50% no-repeat; }
    .icon--kd:before:before {
      width: 3.75rem;
      height: 3.75rem;
      background-size: 100%;
      vertical-align: middle; }
  .icon--yim:before {
    background: url(../img/icons/icon-yim.svg) 50% 50% no-repeat; }
    .icon--yim:before:before {
      width: 3.75rem;
      height: 3.75rem;
      background-size: 100%;
      vertical-align: middle; }
  .icon--sporfie:before {
    background: url(../img/icons/icon-sporfie.svg) 50% 50% no-repeat; }
    .icon--sporfie:before:before {
      width: 3.75rem;
      height: 3.75rem;
      background-size: 100%;
      vertical-align: middle; }
  .icon--sbu:before {
    background: url(../img/icons/icon-sbu-light.svg) 50% 50% no-repeat; }
    .icon--sbu:before:before {
      width: 3.75rem;
      height: 3.75rem;
      background-size: 100%;
      vertical-align: middle; }
  .icon--nasa:before {
    background: url(../img/icons/icon-nasa-light.svg) 50% 50% no-repeat; }
    .icon--nasa:before:before {
      width: 3.75rem;
      height: 3.75rem;
      background-size: 100%;
      vertical-align: middle; }
  .icon--schoolwide:before {
    background: url(../img/icons/icon-schoolwide-light.svg) 50% 50% no-repeat; }
    .icon--schoolwide:before:before {
      width: 3.75rem;
      height: 3.75rem;
      background-size: 100%;
      vertical-align: middle; }
  .icon--large:before {
    width: 9.375rem;
    height: 9.375rem;
    background-size: 100%;
    vertical-align: middle;
    background-size: contain; }
  .icon--hero:before {
    width: 18.75rem;
    height: 12.5rem;
    background-size: 100%;
    vertical-align: middle;
    background-size: contain; }

/* MAIN HEADER */
.main-header {
  /* Display and box model */
  padding: 0.625rem;
  /* Appearance */ }
  .main-header__container {
    /* Display and box model */
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .main-header__col {
    /* Display and box model */
    flex: 1;
    display: flex;
    align-items: center; }
    .main-header__col--end {
      justify-content: flex-end; }
  .main-header__title-group {
    padding-left: 0.625rem; }
  .main-header__title {
    /* Appearance */
    font-family: 'playfairdisplay-blackitalic-webfont', Georgia, Serif;
    font-size: 1.625rem; }
    .main-header__title a {
      color: inherit;
      text-decoration: none; }
    .main-header__title a:hover {
      color: #FF6800; }
  .main-header__item {
    /* Display and box model */
    padding-right: 1.25rem; }
    .main-header__item:last-child {
      /* Display and box model */
      padding-right: 0; }
    .main-header__item--border {
      /* Display and box model */
      margin-right: 1.25rem;
      /* Appearance */
      border-right: solid 1px #999999; }
  .main-header__link {
    /* Appearance */
    font-family: 'proxima-nova', Helvetica, San-serif;
    font-weight: 500;
    font-weight: bold;
    color: #666666;
    padding-right: 0.625rem; }
    .main-header__link:last-child {
      padding-right: 0; }
    .main-header__link:hover, .main-header__link.is-active {
      color: #FF6800;
      transition: .3s; }
  .main-header__meta {
    /* Display and box model */
    display: flex;
    align-items: center;
    margin-top: 0.625rem;
    max-width: 20%; }
  .main-header__meta-item {
    /* Display and box model */
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    padding-right: 0.3125rem;
    max-width: 9.375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Appearance */
    font-family: 'proxima-nova', Helvetica, San-serif;
    font-weight: 500; }
    .main-header__meta-item > .icon {
      display: none; }
    .main-header__meta-item:before {
      /* Display and box model */
      display: inline-block;
      padding-right: 0.3125rem;
      /* Appearance */
      content: '•';
      color: #2E9AD0; }
  @media (min-width: 48em) {
    .main-header {
      /* Display and box model */
      padding: 1.25rem; }
      .main-header__title-group {
        padding-left: 1.25rem; }
      .main-header__item {
        /* Display and box model */
        position: relative; }
      .main-header__col {
        /* Display and box model */
        position: relative; }
      .main-header__meta {
        flex-wrap: nowrap;
        max-width: none; }
      .main-header__meta-item {
        /* Display and box model */
        flex: 1 0 auto;
        padding-right: 0.625rem;
        /* Appearance */
        font-family: 'proxima-nova', Helvetica, San-serif;
        font-weight: 500; }
        .main-header__meta-item > .icon {
          display: inline-flex; }
        .main-header__meta-item:before {
          /* Display and box model */
          display: none; } }
  @media (min-width: 85.4375em) {
    .main-header {
      /* Display and box model */
      padding: 1.25rem 0; } }

.social {
  /* Display and box model */
  display: flex;
  justify-content: space-between;
  margin: 0 auto; }
  .social__item {
    /* Display and box model */
    display: flex;
    align-items: center;
    justify-content: center; }
  .social__link {
    /* Display and box model */
    display: block; }
  .social__icon {
    /* Display and box model */
    display: block;
    width: 2.8125rem;
    height: 2.8125rem;
    /* Appearance */
    background: gray;
    border-radius: 50%;
    opacity: .8; }
    .social__icon:hover {
      /* Appearance */
      opacity: 1;
      transition: .3s; }
    .social__icon--dribbble {
      /* Appearance */
      background: url(../img/icons/icon-dribbble.svg) 0 0 no-repeat;
      background-size: 100%; }
    .social__icon--twitter {
      /* Appearance */
      background: url(../img/icons/icon-twitter.svg) 0 0 no-repeat;
      background-size: 100%; }
    .social__icon--linkedin {
      /* Appearance */
      background: url(../img/icons/icon-linkedin.svg) 0 0 no-repeat;
      background-size: 100%; }
    .social__icon--vimeo {
      /* Appearance */
      background: url(../img/icons/icon-vimeo.svg) 0 0 no-repeat;
      background-size: 100%; }
    .social__icon--instagram {
      /* Appearance */
      background: url(../img/icons/icon-instagram.svg) 0 0 no-repeat;
      background-size: 100%; }
    .social__icon--youtube {
      /* Appearance */
      background: url(../img/icons/icon-youtube.svg) 0 0 no-repeat;
      background-size: 100%; }
    .social__icon--facebook {
      /* Appearance */
      background: url(../img/icons/icon-facebook.svg) 0 0 no-repeat;
      background-size: 100%; }
  @media (min-width: 48em) {
    .social {
      /* Display and box model */
      max-width: 25rem; }
      .social__icon {
        /* Display and box model */
        display: block;
        width: 3.125rem;
        height: 3.125rem; } }
  @media (min-width: 85.4375em) {
    .social {
      /* Display and box model */
      max-width: 25rem; }
      .social__icon {
        /* Display and box model */
        display: block;
        width: 3.4375rem;
        height: 3.4375rem; } }

html {
  /* Appearance */
  background: #fafafa;
  font-family: 'proxima-nova', Helvetica, San-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.container {
  /* Display and box model */
  max-width: 85.375rem;
  margin: 0 auto; }