@font-face {
  font-family: Maxeville;
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url(../fonts/Maxeville/SMMaxeville-Regular.woff2) format("woff2"),
       url(../fonts/Maxeville/SMMaxeville-Regular.woff) format("woff"),
       url(../fonts/Maxeville/SMMaxeville-Regular.eot) format("eot"),
       url(../fonts/Maxeville/SMMaxeville-Regular.ttf) format("truetype");
}

@font-face {
  font-family: MaxevilleMono;
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url(../fonts/Maxeville/MaxevilleMono-Regular.woff2) format("woff2"),
       url(../fonts/Maxeville/MaxevilleMono-Regular.woff) format("woff"),
       url(../fonts/Maxeville/MaxevilleMono-Regular.eot) format("eot");
}

@font-face {
  font-family: MaxevilleTekst;
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url(../fonts/Maxeville/Maxeville-Tekst.woff2) format("woff2"),
       url(../fonts/Maxeville/Maxeville-Tekst.woff) format("woff"),
       url(../fonts/Maxeville/Maxeville-Tekst.eot) format("eot");
}

.sections {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  height: 100vh;
  height: calc(1vh * 100);
  height: calc(var(--vh, 1vh) * 100);
}

.section-text { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background-color: white; padding: 1.5625vw; font-family:Maxeville; font-weight:400; font-style:normal; font-size:1.875vw; line-height:1.35; letter-spacing:0; animation: fadeOut 6s forwards; transition: opacity 0.4s linear; animation-iteration-count: 1;}

@keyframes fadeOut {
  0% { opacity: 1; }
  75% { opacity: 1; }
  100% { opacity: 0; }
}

@media (max-width:1024px) {
	.section-text {
    width: 100%;
    font-size:2.34375vw
  }
}

@media (max-width:767px) and (orientation:portrait) {
	.section-text {
    font-size:5.2151238592vw
  }
}

@media (max-width:767px) and (orientation:landscape) {
	.section-text {
	font-size:3.2vw
}
}

@media (max-width: 767px) {
  .sections {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
  }
  .section-text { padding: 3.6vw;}

}

.sections .section {
  position: relative;
  height: 100%;
  overflow: hidden;
}


.sections .section--about,
.sections .section--projects {
  background: #fff;
}

.sections .section--journal {
  background: #e0e0e0;
}

.sections .section .link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
}

.slider { pointer-events: none;}

.slider,
.slider .flickity-slider,
.slider .flickity-viewport {
  width: 100%;
  height: 100%;
}


.slider-home {
    width: 100%;
    height: 100%;
}

.slider-cell {
  width: 101%;
  height: 100%;
  position: absolute;
}

.slider-cell .image {
  width: 100%;
  height: 100%;
}

.slider-cell .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}