html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden; }

html {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

body {
  letter-spacing: 0.06rem; }

a {
  color: #C3002F;
  text-decoration: none; }
  a:hover {
    color: #fff;
    text-decoration: none; }
  a:focus {
    color: #fff;
    text-decoration: none; }

a.btn {
  color: #fff !important; }
  a.btn:hover {
    color: #000 !important; }
  a.btn:focus {
    color: #000 !important; }

.btn {
  background: #C3002F;
  border-radius: 0px;
  font-family: "prenton-display", Helvetica, sans-serif;
  text-transform: uppercase; }

/**/
.paddingx1 {
  padding: 2rem 0; }

.paddingx2 {
  padding: 4rem 0; }

.gap-1 {
  height: 2rem 0; }

.gap-2 {
  height: 4rem 0; }

.box {
  padding: 2rem 0; }

/*Colours*/
.black {
  background: #000; }

.gray {
  background: #171717; }

.font-red {
  color: #C3002F; }

/* Layout */
.site-wrapper, #projects-wrapper, #p0, #p1, #p2, #p3, #p4 {
  display: block;
  width: 100%;
  height: 100%; }

.site-wrapper {
  height: 100vh;
  width: 100%;
  background-color: #000;
  display: table;
  padding: 4rem; }

.site-wrapper-inner {
  display: table-cell;
  vertical-align: middle; }

.cover-container img {
  padding: 2rem 0; }

.cover {
  margin: auto;
  float: none;
  text-align: center; }

#projects-wrapper {
  background: #111111;
  position: fixed;
  display: table-cell;
  vertical-align: middle;
  top: 0;
  left: 0;
  z-index: 1;
  /* hide the modal window */
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.6s 0.2s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.6s 0.2s, visibility 0s 0s;
  transition: transform 0.6s 0.2s, visibility 0s 0s;
  -webkit-transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83);
  -moz-transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83);
  transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83); }

#projects-wrapper.is-visible {
  /* show the modal window */
  opacity: 1;
  visibility: visible;
  display: table-cell;
  vertical-align: middle;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 0.6s 0.2s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.6s 0.2s, visibility 0s 0s;
  transition: transform 0.6s 0.2s, visibility 0s 0s;
  -webkit-transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83);
  -moz-transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83);
  transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83); }

#p0, #p1, #p2, #p3, #p4 {
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  overflow-y: scroll;
  /* hide the modal window */
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.6s 0.2s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.6s 0.2s, visibility 0s 0s;
  transition: transform 0.6s 0.2s, visibility 0s 0s;
  -webkit-transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83);
  -moz-transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83);
  transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83); }
  #p0 .display-3, #p1 .display-3, #p2 .display-3, #p3 .display-3, #p4 .display-3 {
    z-index: 3; }

#p0.is-visible, #p1.is-visible, #p2.is-visible, #p3.is-visible, #p4.is-visible {
  opacity: 1;
  visibility: visible;
  position: fixed;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 0.6s 0.2s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.6s 0.2s, visibility 0s 0s;
  transition: transform 0.6s 0.2s, visibility 0s 0s;
  -webkit-transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83);
  -moz-transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83);
  transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83); }

.services a {
  color: #818a91; }
  .services a:hover {
    color: #fff; }

/* grid */
.divisions-hero {
  position: relative;
  top: 0;
  left: 0; }

.division {
  text-align: center;
  background: #111111 !important;
  height: 100%;
  display: block;
  overflow-y: scroll; }
  .division img {
    height: 200px;
    padding: 2rem 0; }

.director {
  position: absolute;
  bottom: 0;
  margin-left: 12rem; }

.text-center {
  text-align: center; }

.statement {
  padding: 6rem 0; }

/**/
.site-wrapper {
  transition: transform 0.5s;
  transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83); }

.close-btn {
  position: relative;
  top: 0;
  right: 0;
  z-index: 4;
  float: right;
  clear: left;
  margin-left: 100%; }

.logo {
  z-index: 3; }
  .logo img {
    height: 160px; }

.logo-small img {
  height: 80px; }

.small-headline {
  font-family: "prenton-display", Helvetica, sans-serif;
  font-size: 1.1rem;
  line-height: 1.4rem;
  letter-spacing: 0.05rem;
  text-transform: uppercase; }

.video-headline {
  font-family: "prenton-display", Helvetica, sans-serif;
  font-size: 0.91667rem; }

.director-name {
  position: absolute;
  right: -6rem;
  bottom: 2rem; }
  .director-name span {
    display: block; }

body {
  /*background: red; */
  }

#p0 .container {
  padding: 0;
  margin: 0; }

.statement {
  padding: 2rem 15px;
  font-size: 2rem; }

.director {
  margin-left: 0rem;
  position: relative; }
  .director img {
    width: 240px;
    height: auto; }

.director-name {
  right: 1rem;
  text-align: right; }

.divisions-hero.paddingx2 {
  padding-bottom: 0; }

@media (min-width: 544px) {
  body {
    /*background: green; }*/

  #p0 .container {
    padding: 0; }

  .statement {
    padding: 2rem 15px;
    font-size: 2rem; }

  .director {
    margin-left: 0rem; }
    .director img {
      width: 240px;
      height: auto; }

  .director-name {
    right: 0rem;
    text-align: right; } }
@media (min-width: 768px) {
  #p0 .container {
    padding: 15px;
    margin: auto; }

  .statement {
    padding: 6rem 0;
    font-size: 4.5rem; }

  .director {
    margin-left: 12rem;
    position: absolute; }
    .director img {
      width: 380px;
      height: auto; }

  .director-name {
    right: -6rem;
    text-align: left; }

  .divisions-hero.paddingx2 {
    padding-bottom: 4rem; } }
#loading {
  display: table;
  width: 100%;
  height: 100vh;
  background-color: #000;
  z-index: 99;
  text-align: center;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 0.6s 0.2s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.6s 0.2s, visibility 0s 0s;
  transition: transform 0.6s 0.2s, visibility 0s 0s;
  -webkit-transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83);
  -moz-transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83); }

#loading.is-visible {
  opacity: 1;
  visibility: visible;
  position: fixed;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.6s 0.2s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.6s 0.2s, visibility 0s 0s;
  transition: transform 0.6s 0.2s, visibility 0s 0s;
  -webkit-transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83);
  -moz-transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83); }
  #loading.is-visible:after {
    display: none; }

#Loading-wrapper {
  padding: 2rem;
  display: table-cell;
  vertical-align: middle; }

#loading-image {
  z-index: 100; }

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