.project-template header,
.module-template header {
  background: rgba(255,255,255,0.75);
  color: #000;
}

.project-template header h1 span,
.module-template header h1 span {
  border-color: #000;
}

.project-template header .contact-btn img.black,
.module-template header .contact-btn img.black {
  opacity: 1;
}

.project-template header .contact-btn img.white,
.module-template header .contact-btn img.white {
  opacity: 0;
}

.project-template header.white-on-black .contact-btn img.black,
.module-template header.white-on-black .contact-btn img.black {
  opacity: 0;
}

.project-template header.white-on-black .contact-btn img.white,
.module-template header.white-on-black .contact-btn img.white {
  opacity: 1;
}

section.match-content-height {
  height: auto;
}

section img {
  display: block;
  margin:0;
}

section .full-width {
  width: 100%;
  height: auto;
}

.module {
  padding-bottom: 8.2%;
  width: 100%;
}

.module .container {
  width: 84%;
  max-width: 1920px;
  margin: 0 auto;
  opacity: 0;

  -webkit-transform: translateY(10%);
     -moz-transform: translateY(10%);
       -o-transform: translateY(10%);
          transform: translateY(10%);

  -webkit-transition: opacity 500ms ease-out 250ms, -webkit-transform 500ms ease-out 250ms;
  -moz-transition: opacity 500ms ease-out 250ms, -moz-transform 500ms ease-out 250ms;
  -o-transition: opacity 500ms ease-out 250ms, -moz-transform 500ms ease-out 250ms;
  transition: opacity 500ms ease-out 250ms, transform 500ms ease-out 250ms;
}

.module.visible .container {
  opacity: 1;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}

.module-full-width-image .container {
  width: 100%;
}

.module .videos,
.module .two-columns,
.module .four-columns {
  display: flex;
  justify-content: space-between;
}

.module .videos .video-inner {
  position:relative;
}

.module .videos video {
  position:absolute;
  display:block;
  top:0;
  left:0;
}

.module .videos .video-wrap .video-inner:before {
  content: '';
  display:block;
}

.module .videos .video-wrap-desktop {
  width: 77%;
}

.module .videos .video-wrap-desktop .video-inner:before {
  padding-top: calc(100% * 9 / 16);
}

.module .videos .video-wrap-mobile-portrait {
  width: 21%;
}

.module .videos .video-wrap-mobile-portrait .video-inner:before {
  padding-top: calc(100% * 736 / 414);
}



.module .two-columns,
.module .four-columns {
  flex-flow: row wrap;
}

.module .two-columns .module-grid-item,
.module .four-columns .module-grid-item {
  margin-bottom: 2%;
}

.module .two-columns .module-grid-item {
  width: 49%;
}

.module .four-columns .module-grid-item {
  width: 23.5%;
}

.module .two-columns img,
.module .four-columns img {
  width:100%;
  height: auto;
}

.module-single-image .container,
.module-videos .video-inner,
.module .module-grid-item {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}


@media screen and (max-width: 1440px) {

}

@media screen and (max-device-width: 1024px) and (max-width: 1024px) {

}

@media screen and (max-device-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {

}

@media screen and (max-device-width: 768px) and (max-width: 755px) {

}