/* _variables.scss */
/* ========================== Colours ================================ */
/* ========================== Corners ================================ */
/* ========================== Border boxing ================================ */
/* ========================== Box Shadow ================================ */
/* ========================== Backgrounds ================================ */
/* ========================== Typography ================================ */
/* header fonts */
@font-face {
  font-family: 'digital_display_tfbregular';
  src: url("../fonts/digital_display_tfb-webfont.eot");
  src: url("../fonts/digital_display_tfb-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/digital_display_tfb-webfont.woff2") format("woff2"), url("../fonts/digital_display_tfb-webfont.woff") format("woff"), url("../fonts/digital_display_tfb-webfont.ttf") format("truetype"), url("../fonts/digital_display_tfb-webfont.svg#digital_display_tfbregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* icon font */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?5kcv5j");
  src: url("../fonts/icomoon.eot?5kcv5j#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?5kcv5j") format("truetype"), url("../fonts/icomoon.woff?5kcv5j") format("woff"), url("../fonts/icomoon.svg?5kcv5j#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* paragraphs */
/* Anchors */
/* headers */
/* ========================== Media Queries ================================ */
/* _layout.scss */
/* ========================== LAYOUT CSS ================================ */
/* Span wrappers */
#contentWrapper, #footerWrapper {
  width: 100%; }

.headerWrapper, .widthWrapper, .subNavPadding {
  margin: auto;
  position: relative;
  max-width: 1800px;
  padding: 0 20px; }
  @media (min-width: 990px) {
    .headerWrapper, .widthWrapper, .subNavPadding {
      width: 90%;
      padding: 0; } }

.fullWidth {
  width: 100%; }

/* ================================================== mobile size ================================================== */
.quarter {
  width: 100%; }

.third {
  width: 100%; }

.half {
  width: 100%; }

.twoThird {
  width: 100%; }

.threeQuarter {
  width: 100%; }

.infoBlock {
  padding: 20em 6%;
  margin-left: -6%;
  width: 112%; }

.half.locked {
  width: 48%;
  float: left; }

.half.locked.lastModule {
  float: right; }

/* ================================================== Large ================================================== */
@media (min-width: 990px) {
  .marginWrapper {
    margin: 0 -5px; }

  .quarter {
    width: 25%;
    float: left; }

  .third {
    width: 33.333333%;
    float: left; }

  .half {
    width: 50%;
    float: left; }

  .twoThird {
    width: 66.6666666%;
    float: left; }

  .threeQuarter {
    width: 75%;
    float: left; }

  .lastModule {
    float: right;
    margin-right: 0; }

  .infoBlock {
    width: 100%; }

  .quarter .innerMargin,
  .third .innerMargin,
  .half .innerMargin,
  .twoThird .innerMargin,
  .threeQuarter .innerMargin {
    margin: 0 5px; } }

/*# sourceMappingURL=layout.css.map */