/*
    # GLOBAL VARIABLES
*/
/* Environment */
/* Base units */
/* Colour palette */
/*
    # GLOBAL VARIABLES
*/
/* Environment */
/* Base units */
/* Colour palette */
/*
    # GLOBAL MIX-INS
*/
/*
    # NO FOUC HIDE
    
    * To be included at end of cascade.
    * Ensures bundled stylesheet has loaded fully before making page visible.
*/
.js body {
  visibility: hidden;
}
/*
    # GLOBAL VARIABLES
*/
/* Environment */
/* Base units */
/* Colour palette */
/*
    # GLOBAL VARIABLES
*/
/* Environment */
/* Base units */
/* Colour palette */
/*
    # GLOBAL MIX-INS
*/
/*
    # PIN WALL
    
    * To be served synchronously, very dirty but necessary
*/
@media only screen and (min-width: 960px) and (max-width: 1455px) {
  .wrapper,
  .banner {
    min-width: 960px;
    max-width: 1192px;
  }
  .wall .span-xxs {
    width: 8.333333333333334%;
  }
  .wall .span-xs {
    width: 16.666666666666668%;
  }
  .wall .span-s {
    width: 25%;
  }
  .wall .span-m {
    width: 33.333333333333336%;
  }
  .wall .span-l {
    width: 50%;
  }
  .wall .span-xl {
    width: 75%;
  }
  .wall .span-xxl {
    width: 100%;
  }
  .wall .span-mpu {
    width: 33.333333333333336%;
  }
}
.lt-ie9 .wall .span-xxs {
  width: 8.333333333333334%;
}
.lt-ie9 .wall .span-xs {
  width: 16.666666666666668%;
}
.lt-ie9 .wall .span-s {
  width: 25%;
}
.lt-ie9 .wall .span-m {
  width: 33.333333333333336%;
}
.lt-ie9 .wall .span-l {
  width: 50%;
}
.lt-ie9 .wall .span-xl {
  width: 75%;
}
.lt-ie9 .wall .span-xxl {
  width: 100%;
}
.lt-ie9 .wall .span-mpu {
  width: 33.333333333333336%;
}
@media only screen and (min-device-width: 767px) and (max-width: 959px) {
  .wrapper,
  .banner {
    min-width: 768px;
    max-width: 944px;
  }
  .wall .span-xxs {
    width: 11.11111111111111%;
  }
  .wall .span-xs {
    width: 22.22222222222222%;
  }
  .wall .span-s {
    width: 33.33333333333333%;
  }
  .wall .span-m {
    width: 44.44444444444444%;
  }
  .wall .span-l {
    width: 66.66666666666666%;
  }
  .wall .span-xl {
    width: 100%;
  }
  .wall .span-xxl {
    width: 100%;
  }
}
@media only screen and (min-width: 1456px) {
  .wrapper,
  .banner {
    max-width: 1280px;
  }
  .wall .span-xxs {
    width: 6.666666666666667%;
  }
  .wall .span-xs {
    width: 13.333333333333334%;
  }
  .wall .span-s {
    width: 20%;
  }
  .wall .span-m {
    width: 26.666666666666668%;
  }
  .wall .span-l {
    width: 40%;
  }
  .wall .span-xl {
    width: 60%;
  }
  .wall .span-xxl {
    width: 80%;
  }
  .wall .span-mpu {
    width: 26.666666666666668%;
  }
}