/*	1. Basic layout .................................................................................................................. */

	* {
		margin-bottom:0px; 
		margin-top:0px; 
		padding:0px;
	}
	
	body {
		background-color:#222; 
		color:#000; 
		display:flex; 
		flex-direction:column; 
		font:17px/1.5 'AeonikPro', helvetica, 'sans-serif';
		margin:0;
		width:100%;
	}
							 
		
	body > *,
	section,
	footer {
		float:left;
		width:100%;
	}

	header #navbar-top .container > *, 
	nav, 
	footer,
	footer ul li > span {
		font-size:0.8em;
		letter-spacing:0.5px;
	}
	
	
	picture,
	picture img {
		float:left;
		object-fit: contain;
		width: 100%;
	}
	
	picture {
		height:100%;
	}
	

	svg { fill: currentColor; vertical-align: sub; }



/* Home & general ------------------------------------------------------------------------------------------- */

	body > section#main {
		display:flex;
		display:-webkit-flex;
	}
	
	body#home > section#main {
		flex: 1;
		-webkit-flex: 1;
	}
		
	#home {
		height:100vh;
		overflow-x:hidden; 
	}
	
	
	body > section#main picture,
	body > section#main picture img {
		object-fit:cover;
		object-position: center;
		width: 100vw;
	}


	body > section#main,
	.slideshow-container,
	.mySlides.show,
	.mySlides.show picture,
	.mySlides.show picture img {
		height:100%;
		overflow-y:hidden;
	}
	
	#main {
		font-size: calc(1em + 0.4vw);
	}
	
	
	body:not(#home) #main {
		background-color:#fff;
		border: none;
		font-family: 'AeonikPro';
		font-weight: 600;		
		padding:19px 22px;
		width:100%;
	}



	A						{color:inherit; text-decoration:none;}
	A:hover					{color:inherit; text-decoration:none !important;}
		
	a:focus,
	a:active,
	a:link				{color:inherit; text-decoration:none;}
	
	
	h1, h2 {
	font-size:2.7em;
	margin-top:0px; }
	
	li						{margin-left:30px}
	p,dl,hr,ol,ul,pre,table,address,fieldset{margin-bottom:4px}


	body#home {
		color: #fff;
		font-size: calc(16px + 0.5vw);
		position:relative;
	}
	
	

	#content {
		display:flex;
		display:-webkit-flex;
		flex-direction:column;
		-webkit-flex-direction:column;
		justify-content:center;
		-webkit-justify-content:center;
		height:100%;
		left:0px;
		line-height:180%;
		padding-left:5vw;
		position:absolute;
		z-index: 9;
	}

	ul {
		list-style: none;
	}

	a {
		border-radius: 3px;
		padding: 5px 10px;
	}

	a:hover {
		background-color: #111b;
		color: #fff !important;
		text-decoration: none !important;
	}




	.slideshow-container picture,
	.slideshow-container picture img {
		float:left;
		height:100%;
		object-fit: cover;
		object-position: center;
		width: 100%;
	}

	.slideshow-container picture > img {
		filter: brightness(0.8);
		-webkit-filter: brightness(0.8);
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.slideshow-container {
		position: relative;
		margin: auto;
		flex-direction: column;
		-webkit-flex-direction: column;
		transition-property: opacity;
		-webkit-transition-property: opacity;
		height:100%;
		width: 100%;
	}

	.mySlides {
	  transition-property: opacity;
	  -webkit-transition-property: opacity;
	}


	.slideshow-container .fade {
	  animation-name: fade;
		-webkit-transition: opacity 2s linear;
		-o-transition: opacity 2s linear;
		transition: opacity 2s linear;
	 }


	.slideshow-container .hide,
	.slideshow-container .show {
	  display:block;
	}

	.slideshow-container .hide { /*opacity:0;*/ z-index:0; }
	.slideshow-container .show { opacity:1; z-index:1; }





	@keyframes fade {
		from {
			opacity: 0;
		}

		to {
			opacity: 1;
			visibility: visible;
		}
	}


	@keyframes fadeIn {
		from {
			opacity: 0;
		}

		to {
			opacity: 1;
			visibility: visible;
		}
	}


	@media (max-width:991px) {

		#main {
			font-size: calc(24px + 1.5vh);
			font-weight:600;
		}

		#content {
			padding-left:5vh;
		}

		ul li {
			padding-left:2vh;
		}

		a {
			color: #fff !important;
		}
	}