body {
  margin: 0px;
  font-family: forma-djr-display, sans-serif;
  font-weight: 600;
  font-style: normal;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  text-align: center;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	/* background: url('/img/1-background.jpg') center no-repeat #fff; */
}

.loading {
  margin-top: 45vh !important;
  font-family: forma-djr-display, sans-serif;
  color: white;
  font-size: 30px;
}

/* loading dots */

.loading:after {
  content: ' .';
  animation: dots 1s steps(5, end) infinite;}

@keyframes dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  40% {
    color: white;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  60% {
    text-shadow:
      .25em 0 0 white,
      .5em 0 0 rgba(0,0,0,0);}
  80%, 100% {
    text-shadow:
      .25em 0 0 white,
      .5em 0 0 white;}}


p {
  display: block;
  margin-block-start: 0em !important;
  margin-block-end: 0em !important;
  margin-inline-start: 0px !important;
  margin-inline-end: 0px !important;
}

.wrapper {
  width: 100%;
}

.flex {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.flex-margin {
  margin-top: -120px;
}

.flex-9 {
  margin-top: 40px;
  display: flex;
  width: 100%;
  justify-content: center;
  /* align-items: flex-end; */
  align-items: center;
}

.flex-9b {
  margin-top: 40px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.flex-9c {
  margin-top: 0px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: end;
}

.flex > .smaller {
  margin-top: 50px !important;
}

.align-left {
  text-align: left;
  margin-left: 50px;
  margin-top: -45px;
}

.margin-top {
  margin-top: 270px !important;
}

.word-head {
  margin-top: -30px !important;
}

.opacity {
  opacity: 1 !important;
}

.smaller {
  font-size: 6vw;
  line-height: 7vw;
}

.medium {
  font-size: 11vw;
  line-height: 12vw;
}

.bigger {
  font-size: 14vw;
  line-height: 15vw;
}

.xlarge,
.xxlarge {
  font-size: 19vw;
  margin-bottom: 30px;
  margin-top: 30px;
}

.biggest {
  font-size: 24vw;
  line-height: 25vw;
}

.logo {
  z-index: 3;
  position: absolute;
  width: 100%;
  text-align: -moz-center;
  text-align: -webkit-center;
  text-align: center;
  margin-top: 35vh;
  visibility: hidden;
}

.show-logo {
  visibility: visible;
  -webkit-animation: fadein 6s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 6s; /* Firefox < 16 */
      -ms-animation: fadein 6s; /* Internet Explorer */
       -o-animation: fadein 6s; /* Opera < 12.1 */
          animation: fadein 6s;
}

.logo img {
  height: 250px;
  width: auto;
}

/* blocks */

.block,
.block-2,
.block-3,
.block-4,
.block-5 {
  width: 100%;
  text-align: -moz-center;
  text-align: -webkit-center;
  text-align: center;
}

/* background */

.background,
.foreground {
  width: 100%;
  overflow: hidden;
  position: relative;
  align-items: center;
  justify-content: center;
  min-height: 150px;
}

.background {
  z-index: 1;
  position: relative;
  background: url('./img/1-background.jpg') no-repeat;
  background-size: cover;
  height: 2000px;
  transition: all 1s ease-out;
}

.background-2 {
  z-index: 1;
  position: relative;
  background: url('./img/2-background.png');
  background-size: cover;
  width: 100%;
  height: 2200px;
  background-position: right -590px top;
}

.background-3,
.background-7 {
  z-index: 2;
  position: relative;
  background: url('./img/3-background.png');
  background-size: cover;
  width: 100%;
  height: 2300px;
}

.background-4 {
  z-index: 1;
  position: relative;
  background: url('./img/background-4-mobile.png');
  background-size: cover;
  width: 100%;
  height: 2400px;
}

.block-5 {
  width: 100%;
  text-align: -moz-center;
  text-align: -webkit-center;
  text-align: center;
  height: 1500px;
  z-index: 1;
  position: relative;
  background: url('') no-repeat;
  background-size: cover;
}

.background-5 {
  z-index: 1;
  position: relative;
  background-size: cover;
  width: 100%;
  height: 3000px;
  margin-top: 500px;
  background-color: white;
}

.background-6 {
  z-index: 1;
  position: relative;
  background: url('./img/6-background.png');
  background-size: cover;
  width: 100%;
  height: 2600px;
}

.background-8 {
  z-index: 1;
  position: relative;
  background: url('./img/8-background.png');
  background-size: cover;
  width: 100%;
  height: 2800px;
}

.background-9 {
  z-index: 1;
  position: relative;
  background: url('./img/9-background.png');
  background-size: cover;
  width: 100%;
  height: 3500px;
}

.background-10 {
  z-index: 1;
  position: relative;
  background: url('./img/10-background.png');
  background-size: cover;
  width: 100%;
  height: 2500px;
}

.background-11 {
  z-index: 1;
  position: relative;
  background: url('./img/11-background.png');
  background-size: cover;
  width: 100%;
  height: 3500px;
  margin-top: 600px !important;
}

.background-12 {
  z-index: 1;
  background: url('./img/12-background.png');
  position: relative;
  background-size: cover;
  width: 100%;
  height: 4300px;
}

.background-13 {
  z-index: 1;
  position: relative;
  background: url('./img/1-background.jpg');
  background-size: cover;
  width: 100%;
  height: 3500px;
}

/* .background-13 {
  z-index: 1;
  position: relative;
  background: url('/img/1-background.jpg');
  background-size: cover;
  width: 100%;
  height: 3000px;
  margin-top: 1700px;
} */


/* middle */

.middle-5 {
  background: url('./img/5-map.png') no-repeat;
  z-index: 2;
  position: relative;
  background-size: contain;
  width: 100%;
  height: 100%;
  /* margin-top: -890px; */
  margin-top: 1700px;
}

/* foreground */

.foreground-mobile {
  background: url('./img/1-foreground.png') no-repeat;
  background-size: cover;
  height: 1400px;
  z-index: 3;
  position: absolute;
  right: 0;
  margin-bottom: 0px;
  -webkit-transition: .5s; /* For Safari 3.1 to 6.0 */
  transition: .5s;
  padding-right: 1700;
  margin-top: -1350px;
  opacity: 0;
}

.foreground {
  display: none;
}

.foreground-4 {
  background: url('./img/4-foreground.png') no-repeat;
  background-size: cover;
  height: 1400px;
  z-index: 3;
  position: absolute;
  right: 0;
  margin-bottom: 0px;
  -webkit-transition: 2s; /* For Safari 3.1 to 6.0 */
  transition: 2s;
  width: 100%;
  margin-top: -850px;
}

.foreground-5 {
  background: url('./img/5-provinces.png') no-repeat;
  background-size: contain;
  z-index: 3;
  position: absolute;
  right: 0;
  margin-bottom: 0px;
  -webkit-transition: 2s; /* For Safari 3.1 to 6.0 */
  transition: 2s;
  width: 83%;
  margin-right: 8%;
  height: 100%;
  /* margin-top: -2100px; */
  margin-top: -3900px;
}

.foreground-6 {
  background: url('./img/6-foreground.png') no-repeat;
  background-size: cover;
  height: 1200px;
  z-index: 3;
  position: absolute;
  right: 0;
  margin-bottom: 0px;
  -webkit-transition: 2s; /* For Safari 3.1 to 6.0 */
  transition: 2s;
  width: 100%;
  /* margin-top: -980px; */
  margin-top: 0px;
}

.foreground-8 {
  background: url('./img/8-foreground.png') no-repeat;
  background-size: cover;
  height: 1500px;
  z-index: 3;
  position: absolute;
  right: 0;
  margin-bottom: 0px;
  -webkit-transition: .5s; /* For Safari 3.1 to 6.0 */
  transition: .5s;
  width: 100%;
  /* margin-top: -1050px; */
  margin-top: 0px;
}

.foreground-9 {
  background: url('./img/9-foreground.png') no-repeat;
  background-size: cover;
  height: 800px;
  z-index: 3;
  position: absolute;
  right: 0;
  margin-bottom: 0px;
  -webkit-transition: .5s;
  transition: .5s;
  width: 100%;
  /* margin-top: -1880px; */
  margin-top: 0px;
}

.foreground-10 {
  background: url('./img/10-foreground.png') no-repeat;
  background-size: cover;
  height: 2400px;
  z-index: 3;
  position: absolute;
  right: 0;
  margin-bottom: 0px;
  -webkit-transition: .5s;
  transition: .5s;
  width: 100%;
  /* margin-top: -480px; */
  margin-top: -100px;
}

.foreground-11 {
  background: url('./img/11-foreground.png') no-repeat;
  background-size: cover;
  height: 2400px;
  z-index: 3;
  position: absolute;
  right: 0;
  margin-bottom: 0px;
  -webkit-transition: .5s;
  transition: .5s;
  width: 100%;
  /* margin-top: -600px; */
  margin-top: 0px;
}

.foreground-12 {
  background: url('./img/12-foreground.png') no-repeat;
  background-size: cover;
  height: 2600px;
  z-index: 3;
  position: absolute;
  right: 0;
  margin-bottom: 0px;
  -webkit-transition: .5s;
  transition: .5s;
  width: 100%;
  /* margin-top: -600px; */
  margin-top: 0px;
}

.foreground-13 {
  background: url('./img/13-foreground.png') no-repeat;
  background-size: cover;
  /* height: 2400px; */
  height: 1200px;
  z-index: 3;
  position: absolute;
  right: 0;
  margin-bottom: 0px;
  -webkit-transition: .5s;
  transition: .5s;
  width: 100%;
  /* margin-top: -600px; */
  margin-top: 0px;
  padding-right: 400px;
}

/* text */

.text {
  color: white;
  font-size: 14vw;
  z-index: 2;
  width: 100%;
  text-align: -moz-center;
  text-align: -webkit-center;
  text-align: center;
  position: absolute;
  -webkit-transition: .5s; /* For Safari 3.1 to 6.0 */
  transition: .5s;
  transition-delay: .1s;
  margin-top: -100px;
  transition: all 1s ease-out;
}

.text-2,
.text-3,
.text-3a,
.text-4,
.text-4a,
.text-5,
.text-5a,
.text-6,
.text-6a,
.text-7,
.text-8,
.text-8a,
.text-8b,
.text-8c,
.text-9,
.text-9a,
.text-9b,
.text-9c,
.text-10,
.text-10a,
.text-10b,
.text-11,
.text-11a,
.text-11b,
.text-12,
.text-12a,
.text-12b,
.text-13 {
  color: white;
  font-size: 11vw;
  line-height: 12vw;
  width: 100%;
  z-index: 2;
  position: absolute;
  margin-top: 0px;
  -webkit-transition: 1s; /* For Safari 3.1 to 6.0 */
  transition: 1s;
  /* opacity: 0; */
  text-align: -moz-center;
  text-align: -webkit-center;
  text-align: center;
}

/* show text */

/* .show-text-mobile {
  margin-top: -925px;
} */

.text-2 {
  margin-top: 0px;
  z-index: 2;
  position: absolute;
  opacity: 1;
}

.text-3 {
  margin-top: 0px;
  z-index: 2;
  position: absolute;
  opacity: 1;
}

.text-3 > .bigger,
.text-7 > .bigger {
  padding: 40px;
}

.text-4 {
  margin-top: 0px;
  opacity: 1;
}

.text-4a {
  z-index: 4;
  margin-top: 1000px;
  opacity: 1;
}

.text-5 {
  color: #8f181a !important;
  margin-top: -1350px;
}

.text-6 {
  color: #6e4229;
  margin-top: 0px;
}

.text-6a {
  color: #6e4229;
  margin-top: 600px;
}

.text-7 {
  margin-top: 0px;
}

.text-8 {
  margin-top: 0px;
}

.text-8a {
  margin-top: 0px;
}

.text-8b {
  margin-top: 0px;
}

.text-8c {
  z-index: 4;
  color: black;
  margin-top: 0px;
}

.text-9 {
  margin-top: 0px;
  color: #8f181a;
}

.text-9a {
  color: black;
  margin-top: 0px;
}

.text-9b {
  color: black;
  margin-top: 0px;
}

.text-9c {
  margin-top: 0px;
  z-index: 5 !important;
}


.text-10 {
  color: black;
  /* text-shadow: 5px 2px 1px #808080; */
  margin-top: 0px;
}

.text-10a {
  color: black;
  z-index: 2;
  margin-top: 0px;
}

.text-10b {
  color: white;
  z-index: 4;
  margin-top: 800px;
}

.text-11 {
  color: white;
  margin-top: 0px;
}

.text-11a {
  color: white;
  z-index: 4;
  margin-top: 0px;
}

.text-11b {
  color: white;
  z-index: 4;
  margin-top: 1800px;
}

.text-12 {
  color: #8f181a;
  margin-top: 1000px;
}

.text-12a {
  color: black;
  z-index: 2;
  margin-top: 1000px;
}

.text-12b {
  color: white;
  z-index: 4;
  margin-top: 3500px;
}

.text-13 {
  color: white;
  margin-top: 0px;
}


/* triggers */

.trigger-1,
.trigger-2,
.trigger-3,
.trigger-4,
.trigger-4a,
.trigger-5,
.trigger-5a,
.trigger-6,
.trigger-7,
.trigger-8,
.trigger-8a,
.trigger-8b,
.trigger-8c,
.trigger-9,
.trigger-9a,
.trigger-10,
.trigger-10a,
.trigger-11,
.trigger-11a,
.trigger-11b,
.trigger-12,
.trigger-12a,
.trigger-13 {
  z-index: 4;
  position: absolute;
  color: red !important;
}

.trigger-1-mobile,
.trigger-2-mobile,
.trigger-3-mobile,
.trigger-4-mobile,
.trigger-4a-mobile,
.trigger-5-mobile,
.trigger-6-mobile,
.trigger-7-mobile,
.trigger-8-mobile,
.trigger-8a-mobile,
.trigger-9-mobile,
.trigger-9a-mobile,
.trigger-10-mobile,
.trigger-10a-mobile,
.trigger-11-mobile,
.trigger-11a-mobile,
.trigger-11b-mobile,
.trigger-12-mobile,
.trigger-12a-mobile,
.trigger-13-mobile {
  z-index: 4;
  position: absolute;
}

.trigger-1-middle,
.trigger-2-middle,
.trigger-3-middle,
.trigger-4-middle,
.trigger-4a-middle,
.trigger-5-middle,
.trigger-5a-middle,
.trigger-6-middle,
.trigger-7-middle,
.trigger-8-middle,
.trigger-8a-middle,
.trigger-8b-middle,
.trigger-8c-middle,
.trigger-9-middle,
.trigger-9a-middle,
.trigger-10-middle,
.trigger-10a-middle,
.trigger-11-middle,
.trigger-11a-middle,
.trigger-11b-middle,
.trigger-12-middle,
.trigger-12a-middle,
.trigger-13-middle {
  z-index: 4;
  position: absolute;
}

.trigger-1 {
  margin-top: 10px;
}

.trigger-1-middle {
  margin-top: 40px;
}

.trigger-1-mobile {
  margin-top: 5px;
}

.trigger-2 {
  margin-top: -800px;
}

.trigger-2-middle {
  margin-top: -350px;
}

.trigger-2-mobile {
  margin-top: -1000px;
}

.trigger-3 {
  margin-top: -1200px;
}

.trigger-3-middle {
  margin-top: -600px;
}

.trigger-3-mobile {
  margin-top: -1200px;
}

.trigger-4 {
  margin-top: 500px;
}

.trigger-4-middle {
  margin-top: -350px;
}

.trigger-4-mobile {
  margin-top: -500px;
}

.trigger-4a {
  margin-top: 1200px;
}

.trigger-4a-middle {
  margin-top: 900px;
}

.trigger-4a-mobile {
  margin-top: 540px;
}

.trigger-5 {
  margin-top: -600px;
}

.trigger-5-middle {
  margin-top: -1500px;
}

.trigger-5-mobile {
  margin-top: -1380px;
}

.trigger-5a {
  margin-top: -200px;
}

.trigger-5a-middle {
  margin-top: -700px;
}

.trigger-6 {
  margin-top: 300px;
}

.trigger-6-middle {
  margin-top: -600px;
}

.trigger-6-mobile {
  margin-top: -600px;
}

.trigger-7 {
  margin-top: -1400px;
}

.trigger-7-middle {
  margin-top: -400px;
}

.trigger-7-mobile {
  margin-top: -900px;
}

.trigger-8 {
  margin-top: 20px;
}

.trigger-8-middle {
  margin-top: -500px;
}

.trigger-8-mobile {
  margin-top: -1200px;
}

.trigger-8a {
  margin-top: 1000px;
}

.trigger-8a-middle {
  margin-top: -50px;
}

.trigger-8a-mobile {
  margin-top: 700px;
}

.trigger-8b {
  margin-top: 2250px;
}

/* .trigger-8b-middle {
  margin-top: 1200px;
} */

.trigger-8c {
  margin-top: 2350px;
}

.trigger-8c-middle {
  margin-top: -250px;
}

.trigger-9 {
  margin-top: 50px;
}

.trigger-9-middle {
  margin-top: -300px;
}

.trigger-9-mobile {
  margin-top: -250px;
}

.trigger-9a {
  margin-top: 1500px;
}

.trigger-9a-middle {
  margin-top: 200px;
}

.trigger-9a-mobile {
  margin-top: 1200px;
}

.trigger-10 {
  margin-top: 50px;
}

.trigger-10-middle {
  margin-top: -900px;
}

.trigger-10-mobile {
  margin-top: -250px;
}

.trigger-10a {
  margin-top: 950px;
}

.trigger-10a-middle {
  margin-top: -600px;
}

.trigger-10a-mobile {
  margin-top: 350px;
}

.trigger-11 {
  margin-top: 1100px;
}

.trigger-11-middle {
  margin-top: 0px;
}

.trigger-11-mobile {
  margin-top: 0px;
}

.trigger-11a {
  margin-top: 2300px;
}

.trigger-11a-middle {
  margin-top: 2250px;
}

.trigger-11a-mobile {
  margin-top: 1200px;
}

.trigger-11b {
  margin-top: 3300px;
}

.trigger-11b-middle {
  margin-top: 3600px;
}

.trigger-11b-mobile {
  margin-top: 2100px;
}

.trigger-12 {
  margin-top: 50px;
}

.trigger-12-middle {
  margin-top: -250px;
}

.trigger-12-mobile {
  margin-top: 700px;
}

.trigger-12a {
  margin-top: 3450px;
}

.trigger-12a-middle {
  margin-top: 150px;
}

.trigger-12a-mobile {
  margin-top: 2050px;
}

.trigger-13 {
  margin-top: 200px;
}

.trigger-13-middle {
  margin-top: -100px;
}

.trigger-13-mobile {
  margin-top: 0px;
}


/* keyframes */

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media only screen and (min-width: 1025px) {
  .foreground-mobile {
    margin-top: 0px;
  }

}


/* big screens */

@media only screen and (min-width: 1200px){

  .wrapper {
    max-width: 100%;
    /* padding: 0px 400px; */
  }

  .text-2,
  .text-3,
  .text-3a,
  .text-4,
  .text-4a,
  .text-5,
  .text-5a,
  .text-6,
  .text-6a,
  .text-7,
  .text-8,
  .text-8a,
  .text-8b,
  .text-8c,
  .text-9,
  .text-9a,
  .text-9b,
  .text-9c,
  .text-10,
  .text-10a,
  .text-10b,
  .text-11,
  .text-11a,
  .text-11b,
  .text-12,
  .text-12a,
  .text-12b,
  .text-13 {
    font-size: 6vw;
    line-height: 7vw;
    width: 100%;
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
    /* max-width: 1200px; */
    transition: all 1s ease-out;
  }

  .text-2 > p,
  .text-3 > p,
  .text-3a > p,
  .text-4 > p,
  .text-4a > p,
  .text-5 > p,
  .text-5a > p,
  .text-6 > p,
  .text-6a > p,
  .text-7 > p,
  .text-8 > p,
  .text-8a > p,
  .text-8b > p,
  .text-8c > p,
  .text-9 > p,
  .text-9a > p,
  .text-9b > p,
  .text-9c > p,
  .text-10 > p,
  .text-10a > p,
  .text-10b > p,
  .text-11 > p,
  .text-11a > p,
  .text-11b > p,
  .text-12 > p,
  .text-12a > p,
  .text-12b > p,
  .text-13 > p {
    width: 100%;
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
  }

  .text-2 > p,
  .text-6a > p,
  .text-13 > p {
    text-align: -moz-center;
    text-align: -webkit-center;
    text-align: center;
    width: 60%;
  }

  .text-2 {
    margin-top: 420px !important;
    opacity: 0.7;
    position: relative;
    margin: 0 auto;
  }

  .text-3 > p,
  .text-7 > p {
    text-align: -moz-center;
    text-align: -webkit-center;
    text-align: center;
    width: 80%;
  }

  .text-3 {
    margin-top: 28% !important;
    opacity: .6;
  }

  .text-7 > .margin-top {
    margin-top: 40px !important;
  }

  .text-5 {
    margin-top: -1650px;
  }

  .text-7 {
    margin-top: 1000px;
  }

  .text-8c > .flex {
    height: 180px;
  }

  .text-9,
  .text-9a,
  .text-9b,
  .text-9c {
    bottom: 0;
  }

  .text-8a,
  .text-8b,
  .text-12a,
  .text-12b {
    position: relative;
    width: 45%;
  }

  .text-10 > p {
    text-align: -moz-center;
    text-align: -webkit-center;
    text-align: center;
    width: 90%;
  }

  .text-11 {
    bottom: 0;
  }

  .text-11a {
    z-index: 2;
    bottom: 0;
  }

  .text-12 {
    margin-top: 250px;
    opacity: 0;
  }

  .text-13 {
    bottom: -300;
  }

  .text-12a,
  .text-12b {
    margin-top: 0px;
    z-index: 4;
    color: white;
    bottom: 0;
    position: relative;
    width: 45%;
    color: white;
  }

  .middle-5 {
    height: 1000px;
    background-size: cover;
  }

  .logo img {
    height: 200px;
  }

  .inline {
    margin-top: 0px;
    z-index: 5;
    position: relative;
    justify-content: space-evenly;
    width: 100%;
    display: flex;
    transition: 1s;
  }

  .inline-12 {
    z-index: 5;
    position: relative;
    justify-content: space-evenly;
    width: 100%;
    display: flex;
    transition: 1s;
    margin-top: 1200px;
  }

  .block {
    height: 1500px;
  }

  .block-2 {
    overflow: hidden;
    height: 1500px;
    position: relative;
    text-align: center;
  }

  .block-3 {
    overflow: hidden;
    position: relative;
    height: 1600px;
    margin-top: -80px;
  }

  .block-4 {
    height: 1700px;
  }

  .block-5 {
    height: 800px;
  }

  .block-7 {
    overflow: hidden;
    height: 1400px;
    position: relative;
  }

  .block-8 {
    overflow: hidden;
    height: 2300px;
    position: relative;
  }

  .block-9 {
    overflow: hidden;
    height: 2000px;
    position: relative;
  }

  .block-10 {
    overflow: hidden;
    height: 1700px;
    position: relative;
  }

  .block-11 {
    overflow: hidden;
    height: 2000px;
    position: relative;
  }

  .block-12 {
    overflow: hidden;
    height: 1400px !important;
    position: relative;
    padding-top: 0px !important;
  }

  .block-13 {
    overflow: hidden;
    height: 1200px;
    position: relative;
  }

  .background {
    height: 1500px;
  }

  .background-2 {
    height: 160%;
    position: absolute;
    background-position: center !important;
  }

  .background-3 {
    height: 140%;
    position: absolute;
  }

  .background-4 {
    background: url('./img/4-background.png') no-repeat;
  }

  .background-6 {
    height: 1400px;
    margin-top: -200px;
  }

  .background-7 {
    height: 160%;
    position: absolute;
  }

  .background-8 {
    height: 100% !important;
  }

  .background-9 {
    height: 160% !important;
    position: absolute;
  }

  .background-11 {
    margin-top: -400px !important;
    height: 160% !important;
    position: absolute;
    margin-top: 0px;
  }

  .background-12 {
    height: 160% !important;
    position: absolute;
    margin-top: 0px;
  }

  .background-13 {
    height: 140% !important;
    /* position: absolute; */
    bottom: 0px;
  }

  .flex-margin {
    margin-top: -100px;
    margin-bottom: 0px;
  }

  .align-left > p {
    font-size: 110px !important;
    line-height: 120px !important;
  }

  .smaller {
    font-size: 3vw;
    line-height: 3vw;
  }

  .medium {
    font-size: 5vw;
    line-height: 5vw;
  }

  .bigger {
    font-size: 9vw;
    line-height: 9vw;
  }

  .xlarge {
    font-size: 14vw;
    line-height: 14vw;
    margin: 0px;
  }

  .biggest {
    font-size: 15vw;
    line-height: 15vw;
  }

  .xxlarge {
    font-size: 11vw;
    line-height: 11vw;
  }

  .foreground-mobile {
    display: none;
  }

  .foreground {
    display: block;
    background: url('./img/foreground.png') no-repeat;
    background-size: cover;
    height: 900px;
    z-index: 3;
    position: absolute;
    right: 0;
    margin-bottom: 0px;
    -webkit-transition: .5s; /* For Safari 3.1 to 6.0 */
    transition: .5s;
    padding-right: 500;
    margin-top: 0px;
    transition: all 1s ease-out;
  }

  .foreground-4 {
    margin-top: -1550px;
    background: url('./img/4-foreground-desktop.png') no-repeat;
    background-size: contain;
  }

  .foreground-5 {
    margin-top: -3400px;
  }

  .foreground-6 {
    height: 1050px;
  }

  .foreground-8 {
    height: 1700px;
    background-size: cover;
  }

  .foreground-9 {
    height: 900px;
    bottom: 0;
    width: 130%;
  }

  .foreground-10 {
    height: 800px;
    bottom: -480px;
  }

  .foreground-11 {
    bottom: -1400;
  }

  .foreground-12 {
    bottom: -700px;
  }

  .foreground-13 {
    bottom: -500;
    height: 600px;
    padding-right: 100;
  }

  .middle-5 {
    margin-top: 0px;
  }

}

@media only screen and (min-width: 1700px){

  .smaller {
    font-size: 3vw;
    line-height: 3vw;
  }

  .medium {
    font-size: 4vw;
    line-height: 4vw;
  }

  .bigger {
    font-size: 7vw;
    line-height: 7vw;
  }

  .xlarge {
    font-size: 10vw;
    line-height: 10vw;
    margin: 0px;
  }

  .biggest {
    font-size: 13vw;
    line-height: 13vw;
  }

  .xxlarge {
    font-size: 9vw;
    line-height: 9vw;
  }

  .text-9c {
    margin-top: -0px;
    z-index: 5 !important;
  }

}

@media only screen and (min-width: 2200px){

  .smaller {
    font-size: 2vw;
    line-height: 2vw;
  }

  .medium {
    font-size: 3vw;
    line-height: 3vw;
  }

  .bigger {
    font-size: 6vw;
    line-height: 6vw;
  }

  .xlarge {
    font-size: 9vw;
    line-height: 9vw;
    margin: 0px;
  }

  .biggest {
    font-size: 12vw;
    line-height: 12vw;
  }

  .xxlarge {
    font-size: 8vw;
    line-height: 8vw;
  }

}