@font-face {
  font-family: Luloonebold;
  src: url(luloonebold.otf);
  font-family: Lulooutline;
  src: url(lulooutline.otf);
}

.splitscreenheader {
  background-image: url(office_front-1-.png);
  background-size: cover;
  background-position: center;

  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-2 {
  background-image: url(_dsc1539.jpg);
}

.splitscreenlogo {
  font-family: Luloonebold;
  font-size: 68px;
  color:  #4C9A52;
  text-shadow: -2px 2px #EEE6D1, -4px 2px #756D6A;
}

section {
  display: flex;
  flex-direction: row;
}

section div {
  width: 50%;
}

section:nth-child(odd) {
  display: flex;
  flex-direction: row-reverse;
}

.reverse {
  display: flex;
}

.text {
  font-size: 36px;
  padding: 60px;
}

.image {
  height: 100vh;
  background-size: cover;
  background-position: center;

  position: sticky;
  position: -webkit-sticky;
  top: 0;
}

.image-1 {
  background-image: url(scan-132880003.jpg);
}

.image-2 {
  background-image: url(scan-132880004.jpg);
}

.image-3  {
  background-image: url(_dsc0608.jpg);
}

.image-4 {
  background-image: url(_dsc1309.jpg);
}

.image-5 {
  background-image: url(_dsc1252---version-2.jpg);
}

@media (max-width: 800px) {
  .splitscreenheader {
    height: 75vw;
  }

  .splitscreenlogo {
    font-size: 22px;
  }

section {
    display: block;
  }
  
.responsive {
 	display: block;
  }

  section div {
    width: 100%;
  }

  .text {
    font-size: 16px;
    padding: 30px;
  }

  .image {
    height: 75vw;
  }
  
  section:nth-child(2n+1) {
    display: block;
    flex-direction: row-reverse;
}
}