<style>
html, body {
    margin: 0;
    height: 100%;
}
body { background-color:#fff; 
	position:relative; font-size:16px;
	font-family: 'Roboto Slab', sans-serif;  }

a { color:inherit; text-decoration: underline; }
.navbar a {text-decoration: none;}

#home {  color:#fff;text-align:center; position:relative; }

.section { 
  width:100%; min-height:100vh; 	
	background:url() no-repeat center center fixed; 
  	-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
  	background-size: cover; 
  	display: flex; align-items: center;
  	 }

h1, h4, h2 { font-family: 'dnatm_ultraextendedregular80', sans-serif; line-height: 1em; }
h4 { text-transform:uppercase; text-align: center; font-size:16px; position:absolute; bottom:2em; padding:0 1em; box-sizing:border-box; left:50%; transform: translateX(-50%); }
h1 { font-size:calc(24px + 1.5vw);line-height: .9em;  } 
h1.bigH {font-size:calc(36px + 3vw); text-align: center;}

.biggest { font-family: 'dnatm_ultraextendedregular80', sans-serif; line-height: 1em; font-size:72px; }
.bigger { font-family: 'dnatm_ultraextendedregular80', sans-serif; line-height: 1em; font-size:48px; }
.concept { font-family: 'dnatm_ultraextendedregular80', sans-serif; line-height: 1em; font-size:24px; }

.slicked-slide div { width:100%; }
.slicked-slide .image { background-size:cover; background-position:center; height:inherit; width:100%; padding-bottom:50%; position:relative; }
.slicked-slide .image img { position:absolute; top:50%; left:50%; max-width:80%; max-height:80%; width:80%; height:auto; transform:translate(-50%, -50%); }
.slicked-slide .desc { max-width:425px; margin:auto; padding: 1em; text-align:center; }
.slick-dots li button:before { background: #000; width:10px; height:10px; border-radius:5px; } 
.slick-dots li.slick-active button:before { background: transparent; border:1px solid #000; width:10px; height:10px; border-radius:5px; }

.slicked-slide a { display:block; text-align:center; margin: 1em; }

.nav-link:before { content:url(dna-small.svg);display:block; }
.nav-link:first-Child:before { display:none; }
.nav-link { display:none; font-family: 'dnatm_ultraextendedregular80', sans-serif; line-height: 1em;padding:0; width:150px; text-align:center; }
.nav-link.active { display:block; }

.dixit { font-size:12px; color:blue; padding: 2em; max-width:425px; background-color: #fafafa; position:relative; margin:2em 0; }
.dixit:before {
	content: 'Albert\'s dixit:';
	display:block; font-family:'dnatm_ultraextendedregular80'; text-transform: upppercase;
} 

.thumb {
	width:100%; padding-bottom:100%; background-size:cover; background-position: center; background-repeat:no-repeat;filter:grayscale(1); margin-bottom:1em;
}

.name { font-weight:bold; }
.role, .city { font-size:.75em; }
.quote { margin: .5em 0; font-size:1.25em; line-height:1.2em;}
.quote:before { content: '«';}
.quote:after { content: '»';}

.logos img {  margin: 1em 1em 0em 0em; object-fit: contain;
    max-width: 150px;
    max-height: 80px;
    padding: 1em; }

@media screen and (max-width: 425px) {  
	.wrapper { 	width: 90%; height:25%; 	}
	.logos img { float:left; }
}
/*
@media screen and (hover:none) {  
  .section { min-height: 780px; }
}
*/
