@font-face {
  font-family: 'GT-America-Standard-Light';
  src: url('../fonts/standardlight/gt-america-standard-light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/standardlight/gt-america-standard-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/standardlight/gt-america-standard-light.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/standardlight/gt-america-standard-light.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/standardlight/gt-america-standard-light.ttf')  format('truetype'); /* Safari, Android, iOS */
       /* url('webfont.svg#svgFontName') format('svg'); */ /* Legacy iOS */

  font-family: 'GT-America-Mono-Medium';
  src: url('../fonts/monomedium/gt-america-mono-medium.eot'); /* IE9 Compat Modes */
  src: url('../fonts/monomedium/gt-america-mono-medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/monomedium/gt-america-mono-medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/monomedium/gt-america-mono-medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/monomedium/gt-america-mono-medium.ttf')  format('truetype'); /* Safari, Android, iOS */
       /* url('webfont.svg#svgFontName') format('svg'); */ /* Legacy iOS */
}

/* TYPOGRAPHY */
h1,h2,h3,h4,h5,h6  {
  font-family: 'GT-America-Standard-Light', Franklin Gothic,ITC Franklin Gothic,Arial, sans-serif;
}

h2 {
	margin-top: 0.75rem;
}

p { margin: 0 0 1rem; }

/* /////////////////////////////////////////// */
/* HEADER */
/* /////////////////////////////////////////// */

#header {
  height: 93px;
}
/* section#header {
  padding-top: 15px;
} */

section#desktop-nav {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

#main-menu {
  font-family: 'GT-America-Standard-Light', Franklin Gothic,ITC Franklin Gothic,Arial, sans-serif;
  /* font-weight: 600; */
  width: 440px;
  margin-top: -20px;
}

.navbar {
  position: relative;
  z-index: 99;
}

nav.dropmenu.animated {
  /* width: 100%; */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-top: 10px;
}

.dropmenu ul li a{
	padding-right: 12px;
}

.langswitcher {
  text-align: right;
  font-weight: normal;
}

@media (max-width: 840px ) {
  .langswitcher {
    text-align: left;
    top: 0;
  }
}

/* /////////////////////////////////////////// */
/* MOBILE MENU */
/* /////////////////////////////////////////// */
.mobile-container {
  z-index: 9998;
}

#logo-mobile {
  padding-top: 19px;
  /* height: 15vh; */
}

.mobile-menu .button_container {
  z-index: 9999;
}

.overlay-menu { overflow-x: hidden; }

.overlay-menu > ul#main-menu {
  margin-top: 10px;
}

.treemenu li {
  padding: 2px 0;
  line-height: 2.2rem;
}

/* /////////////////////////////////////////// */
/* CONTAINER SECTION */
/* /////////////////////////////////////////// */

#start {
  min-height: 80vh;
  /* display: flex; */
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#body-wrapper > .container {
  height: 100%;
  min-height: 560px;
  max-height: 256vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* margin-top: 1rem; */
  padding-top: 1rem;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
}

p.project-details {
  font-size: 0.6rem;
  line-height: 1.4;
  letter-spacing: .004em;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* /////////////////////////////////////////// */
/* FOOTER */
/* /////////////////////////////////////////// */

section#footer {
  position: fixed;
  z-index: 100;  
  width: 100vw;
  height: 30px;
  margin-top: 0;
  padding-bottom: 28px;
  background-color: #ffffff;
  background: linear-gradient(0deg, white, #ffffff8c);
  /* display: none; */
}

#footer {
  font-family: 'GT-America-Mono-Medium', Andale Mono,AndaleMono, monospace;
  font-size: 0.55rem;
}

p#footer-credits {
  /* padding-bottom: 1rem; */
  /* margin-bottom: 1rem; */
}

/* /////////////////////////////////////////// */
/* RESPONSIVENESS */
/* /////////////////////////////////////////// */
@media only screen and (min-width: 1280px ) {

#body-wrapper > .container {
  width: 100%;
  max-width: 100% !important;
  }
}

@media (min-width: 841px ) {

  #body-wrapper > .container {  
    height: 80vh;
    max-height: 100vh;
  }
}
  

/* /////////////////////////////////////////// */
/* SWIPER */
/* /////////////////////////////////////////// */

.swiper-container {
  width: 100%;
  height: 100%;
  /* margin-top: 3rem; */
  /* margin-bottom: 1rem; */
  z-index: 1;
}

.swiper-wrapper {
  display: flex;
  align-items: center;
  z-index: 1;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #fff; */

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

img.swiper-slide {
  max-height: 410px;
}

div.swiper-button-next, div.swiper-button-prev {
  color: #447b50 !important; /*007aff*/
  opacity: .8;
}

.swiper-pagination-fraction {
  bottom: 30px;
  z-index: 109;
  font-size: 0.7rem;
  color: #000; /* #447b50 */
  opacity: .6;

}