/* CSS YOUR */

body {
	font-family: fieldwork, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: white;
	font-size: .8em;
	overflow: hidden; /* Hide scrollbars */
	margin: 0 0;
}

.navbar {
	z-index: 99;
	transition: background-color 500ms linear;
}


h1 {
	font-weight: 700;
	font-size: 1.5em;
}

a:link, a:visited, a:active {
	color: #ececec;
}

.nav-item a{
	color: #ececec;
}

.nav-item.active a{
	font-style: italic;
	color: white;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.img-col img {
	  object-position: 50% 0%;
}

img.img-payoff{
  object-fit: initial;
  object-position: 50% 50%;
}

img.img-logo {
	width: 4em;
}

.swiper-container {
    height: 100vh;
}

.swiper-pagination {
	display: none;
}

.container-fluid {
	padding: 0;
	height: 100vh;
}

.img-col {
	height: 50vh;
}

.img-col.wie {
	height: 40vh;
}

.img-col.first-slide {
	max-height: 80vh;
}

.text-col {
	padding: 1.5em 3em 3em 3em; 
	height: 50vh;
}


.text-col.wie {
	height: 60vh;
}

.text-col.first-slide {
	padding:0;
}

.manifest {
	height: 100vh;
	padding: 6em 3em;
}

.over-ons {
	font-size: .8em;
}

.logo {
	padding: 2em;
}

.payoff {
	background-color: #c32276;
}


.swiper-pagination-bullet-active {
  background-color: #fff;
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 12px 0;
}

.swiper-pagination-bullet {
	background-color: #fff;
	width: 10px;
	height: 10px;
}

.label-logo {
	display: none;
}
	.h-80 {
	max-height: 80%;
	}

	.h-20 {
		max-height: 20%;
	}

@media (min-width:992px) { 

	.collapsing {
  height: initial;
  overflow: hidden;
  transition: none;
	}
	h1 {
		margin-bottom: 1em;
	}
	.container-fluid {
		padding: 0 3.5em;
		height: initial;
	}
	body {
		font-size: 1.1em;
	}
	.vertical-center {
		min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
		min-height: 100vh; /* These two lines are counted as one :-)       */

		display: flex;
		align-items: center;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 0 .6em;
	}
	.top-spacer {
		height: 90px;
		background-color: #fff;
	}
	.img-col ,.img-col.img-overons {
		max-height: 68vh;
		padding: 0;
	}

	.img-col.first-slide {
		max-height: 80vh;
	}

	.img-col, .img-col.wie{
		height: inherit;
		min-height: 50vh;
	}

	.img-col img {
	  object-position: 50% 50%;
	}

	.text-col {
		padding: 2em;
		height: inherit;
		min-height: 50vh;
	}

	.row.my-auto {
		height: auto;
	}


	.label-logo {
		display: inline-block;
		max-width: 160px;
	}

	.manifest {
		height: 100%;
		padding: 2em;
		font-size: 1em;
	}
	.overons {
		height: 100%;
		padding: 2em;
		font-size: .8em;
	}

	.swiper-pagination {
		display: block;
	}

	.swiper-pagination-bullet-active {
  		background-color: #abc86a;
	}

	.swiper-pagination-bullet {
		background-color: #3f60a6;
		width: 10px;
		height: 10px;
	}

}

@media (min-width:1400px) { 
	.manifest {
		padding: 4em;
		font-size: 1.2em;
	}
	body {
		font-size: 1.3em;
	}

}