@charset "utf-8";
/* CSS Document */

.lander { 
  background: 
    linear-gradient(to bottom right, 
    rgba(64,64,64,0.8), 
    rgba(0,0,0,0.8)), 
    url(../images/banners/backdrop.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.pLaxRedGreylense { 
  background: 
    linear-gradient(to bottom right, 
    rgba(255,0,0,0.8), 
    rgba(64,64,64,0.8)), 
    url(../images/banners/lense2.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.pLaxRedGreyWedding { 
  background: 
    linear-gradient(to bottom right, 
    rgba(255,0,0,0.8), 
    rgba(64,64,64,0.8)), 
    url(../images/banners/wedding.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.pLaxRedGreyCorporate { 
  background: 
    linear-gradient(to bottom right, 
    rgba(255,0,0,0.8), 
    rgba(64,64,64,0.8)), 
    url(../images/banners/corporate.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.pLaxRedGreyBroadcast { 
  background: 
    linear-gradient(to bottom right, 
    rgba(255,0,0,0.8), 
    rgba(64,64,64,0.8)), 
    url(../images/banners/broadcast.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

.pLaxFooter { 
  background:
    linear-gradient(to bottom right, 
    rgba(64,64,64,0.9), 
    rgba(0,0,0,0.9)), 
    url(../images/banners/lense.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}

section.greySolid {
  color:#fff;
  background-position: 50% 50% !important;
  background-size: cover !important;
  width:100%;
  background: #1f1f1f;
}

section.greyLight {
  color:#fff;
  background-position: 50% 50% !important;
  background-size: cover !important;
  width:100%;
  background: #2b2b2b;
}

header {
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}

.pLaxVideo { 
  background:
    linear-gradient(to bottom right, 
    rgba(64,64,64,0.9), 
    rgba(0,0,0,0.9)), 
    url(../images/banners/lense.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff;
}