/* CSS Document */
/* -------------------------------------------------
    Reset
   ------------------------------------------------- */
@charset "UTF-8";
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css?family=Spectral|Spectral+SC');*/
/*@import url('https://fonts.googleapis.com/css?family=Cormorant+Infant|Cormorant+SC|Spectral+SC');*/

/*------------------------------------------------
    1) Reset
   ------------------------------------------------- */
html, body, div, span, button, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; 
  border:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; 
}
/* --------------------------------------------------
   2) Utils
   ------------------------------------------------- */
/*._center {
  text-align: center; 
  }
._clear {
  clear: both; 
  }
._fl {
  float: left; 
  }
._fr {
  float: right; 
  }*/
  
/*  Clear
   ------------------------------------------------- */
._group::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; 
  }  
button:focus {
	outline:0;
}
/* 	------------------------------------------------
   	3) Main
	------------------------------------------------- */
body {
	font-family: 'Spectral', serif;
	margin: 0;
	padding: 0;
	font-size:18px;
	line-height: 1.4;
	font-weight: 300;
}
p {
	margin: 0;
	padding:0;
	/*color: rgba(102,102,102,1);*/
}
h1 {
	font-family: 'Spectral SC', serif;
	font-weight: 300;
	font-size: 1.3em;
}
h2 {
	font-family: 'Spectral SC', serif;
	font-weight: 300;
	/*color: rgba(0,50,100,0.7);*/
	margin-bottom: 1%;
	font-size: 1.3em;
}
h3 {
	line-height: 1.3;
}
a {
	font-size: 1.1em;
}
li {
	font-weight: 300;
	margin: 1.5% 1% 0 0;
}
b {
	font-weight: 400;
}
/* --------------------------------------------------
   4) colors
   ------------------------------------------------- */
.bg-dark-pruss {	
	background-color: rgb(0, 40, 55);	
}
.bg-mid-pruss {
	background-color: rgb(50, 80, 100);
}
.bg-trans-pruss {
	background-color: rgba(5,45,65,0.9);
}
.bg-dark-green {	
	background-color: rgb(10,75,65);	
}
.bg-mid-green {
	background-color: rgb(40, 110, 90);
}
.bg-light-green {
	background-color: rgb(85, 150, 125);
}
.bg-trans-green {
	background-color: rgba(20,85,75, 0.9);
}
.bg-dark-bordeau {	
	background-color: rgb(60,0,15);	
}
.bg-mid-bordeau {
	background-color: rgb(140,90,100);
}
.bg-light-bordeau {
	background-color: rgba(180,150,140,1);
}
.bg-trans-bordeau {
	background-color: rgba(60,5,10,0.9);
}
.bg-dark-sun {
	background-color: rgba(255,185,0,1.0);	
}
.bg-trans-sun {
	background-color: rgba(255,195,70,0.9);	
}
.bg-light-sun {
	background-color: rgba(255,230,170,1);	
}
/*
.bg-mid-blue {
	background-color: rgba(45,40,120,0.9);
}
.bg-dark-aubergine-2 {	
	background-color: rgb(40,5,40);	
}
.bg-mid-aubergine-2 {
	background-color: rgb(95, 70, 100);

}
.bg-light-aubergine-2 {
	background-color: rgba(115,90,120,0.9);

}
.bg-trans-aubergine-2 {
	background-color: rgba(50,15,55,0.9);
}
.bg-red {
	background-color: rgba(120,30,30,0.9);

} */

/* --------------------------------------------------
   5) main
   ------------------------------------------------- */
html {
	overflow-x: hidden;
}
body {
	font-family: 'Spectral', serif;
	margin: 0;
	padding: 0;
	font-weight: 400;
	width:100%;
	height:100%;
	display: table;
	overflow-x: hidden;	
}
#wrapper {
	width: 100%;
	height: 100%;
	top:0;
	max-width: 1630px;
	padding: 0 0 0 0;
	margin: 0 auto 0 0;
	position: relative;
	z-index: 1;
	-webkit-box-shadow: 12px 12px 36px 5px rgba(0,0,0,0.3);
	/*-moz-box-shadow: 12px 12px 36px 5px rgba(0,0,0,0.3);*/
	box-shadow: 12px 12px 36px 5px rgba(0,0,0,0.3);
	overflow: hidden;	
}
#sidebar {
	position: absolute;
	width: 16%;
	max-width: 234px;
	top: 0px;
	left: 0px;
	z-index: 20;
	height:100%;
	padding: 0;
	margin:0;
	/*overflow: hidden;*/	
	-webkit-box-shadow: 10px 12px 36px 5px rgba(0,0,0,0.3);
	/*-moz-box-shadow: 10px 12px 36px 1px rgba(0,0,0,0.3);*/
	box-shadow: 10px 12px 36px 1px rgba(0,0,0,0.3);	
	}
header {
	position: fixed;
	width: 100%;
	max-height: 122px;
	top: 0;
	left: 0;
	color: rgba(255,255,240,0.4);
	padding: 1.5% 0 0 0;
	margin: 0;
	z-index: 19;
	text-align: left;
	-webkit-box-shadow: 10px 12px 36px 2px rgba(0,0,0,0.2);
	/*-moz-box-shadow: 10px 12px 36px 2px rgba(0,0,0,0.2);*/
	box-shadow: 10px 12px 36px 2px rgba(0,0,0,0.2);	
	overflow: hidden;
	user-select: none;	
}
header h1 {
	margin: 1.2% auto 2.4% 17.5%;
	letter-spacing: 0.05em;
	font-weight: 300;

}
header.sun-text h1 {
	color: rgb(255,255,255);
	font-weight: 400;
}
.cv-signature {	
	width: 65%;
	max-width: 800px;
	min-width: 300px;
	margin:12px -2px 15px 0;
	float: right;
	opacity: 0.4;
    -ms-transform: rotate(-1.5deg); /* IE 9 */
    -webkit-transform: rotate(-1.5deg);  /*Chrome, Safari, Opera*/ 
    transform: rotate(-1.5deg);
}
.cv-signature:hover {	
	opacity: 0.7;
}
.cv-signature img {
	width: 100%;
}
#placeholder {
	position:relative;
	width: 100%;
	padding: 4% 0 5% 0;
	position: relative;
	z-index: 19;
	overflow-x: hidden;
	/*overflow-y: visible;*/
}
.back {
	position: fixed;
	width: 24%;
	top: 0;
	left: 0;	
	z-index: 50;
}
.back img {
	margin: 8% 6% 0 6.2%;
	padding: 0;
	width: 56%;
	max-width: 180px;
	min-width: 93px;
	height: auto;	
}
.back a {
	opacity: 0.6;
}
.back.opac-adj a {
	opacity: 1.0;
}
.back a:link {
	opacity: 0.6;
}
.back a:hover {
	opacity: 0.7;
}
.back a:visited {
	opacity: 0.7;
}
.back a:active {
	opacity: 0.6;
}
#google-icon {
	position: fixed;
	z-index: 20;
	top: 4.5%;
	right: 1%;
	visibility: visible !important;
}
#google-icon img{
	width: 60%;
}
#google-icon a:link{
	opacity: 0.3;
}
#google-icon a:hover{
	opacity: 0.6;
}
#google {
	opacity: 0.7;
	float:right;
	margin-right: 3%;
}
.google-text {
	float:left;
	width: 68%;
}
/* --------------------------------------------------
   5) Page Scroller
   ------------------------------------------------- */
.container {
	position: relative;
	z-index: 2;
	color: rgba(255,255,255,0.3);
	width: 80%;
	height: auto;
  	/*max-width: 800px;*/
	margin: 2% auto 2% auto;
	padding-left: 7%;
	text-align: right;	
	overflow: hidden;
	font-weight:300;	
}
/* .container.sun-text {
	color: rgba(255,255,255,1.0);
	text-shadow: 2px 4px 5px rgba(0,0,0,0.4);
	
} */
 .timeline-container {
	 left: 15%;
	 top: 0;
  	position: relative;
	z-index: 2;
  	overflow: hidden;
  	margin:-11% 0 4% 0;
  	padding-bottom: 20px; 
	width: 82%;
  }
   .timeline-container.news-info {
	  left: 17%;
   } 
   
  .timeline-container::before {
    content: '';
    position: absolute;
    width: 4px;
    top: 0;
    bottom: 0;
    left: 59.5%;
    /*margin-left: -1%;*/
	background-color: rgba(255,255,240,0.4);	
    border-radius: 2px; 
	}
	.timeline-container.news-info::before {
		/*top: 2%;*/
		left: 81%;
    	margin-left: 1%;			
	}
	.timeline-point._left .section-wrap::after, .timeline-point._right .section-wrap::after {
	  content: '';
	  display: block;
	  position: absolute;
	  width: 0;
	  height: 0;
	  border: 10px solid transparent;
	  border-right-color: rgba(255,255,240,0.3);
	  left: -20px;
	  top: 30px; 
	}
	.timeline-point {
	  max-width: 1280px;
	  margin: 20px auto 20px auto;
	  background-position: 0 0;
	  position: relative;
	  -moz-transition: all 1.2s;
	  -o-transition: all 1.2s;
	  -webkit-transition: all 1.2s;
	  transition: all 1.2s;
	  /**zoom: 1; */
  	}
	.timeline-container.news-info .timeline-point {
		max-width: 1600px;
	}
	.timeline-point:first-child {
	  opacity: 0;	  
  	}
  	.timeline-point::after {
		content: "";
		display: table;
		clear: both; 
	}
  	.timeline-point::before {
		content: '';
		position: absolute;
		left: 60%;
		top: 14px;
		margin-left: -9px;
		width: 10px;
		height: 10px;
		border: 4px solid rgba(180,190,190,0.9);
		border-radius: 50%;
		background: rgb(20,70,75); 
	}
	.timeline-container.pruss .timeline-point::before {
		background-color: rgb(0, 50, 65);
	}
	 .timeline-container.news-info .timeline-point::before {
		left: 82.2%;
		border: 4px solid rgba(255,255,240,0.65);
		background: rgb(10,70,60); 
	}
	 .timeline-container.auberg .timeline-point::before {
		border: 4px solid rgba(220,200,200,0.9);
		background: rgb(70,0,5); 
	}
	.timeline-container.blue .timeline-point::before {
		border: 4px solid rgba(180,180,250,0.9);
		background: rgb(20,15,110); 
	}
	.timeline-container.sun .timeline-point::before {
		border: 4px solid rgb(255, 255, 200);
		background: rgb(255,185,0); 
	}	
	.timeline-container .timeline-point.active::before {
		background-color: rgb(60,110,100);
	}
	.timeline-container.pruss .timeline-point.active::before {
		background-color: rgb(50, 75, 105);
	}
	.timeline-container.auberg .timeline-point.active::before {
		background: rgb(115, 45, 60); 
	}
	.timeline-container.sun .timeline-point.active::before {
		background: rgb(255, 200, 85); 
	}
  	.timeline-point._left .section-wrap {
		float: left;
		-moz-transform: translateX(-1500px) scale(0.1);
		-ms-transform: translateX(-1500px) scale(0.1);
		-webkit-transform: translateX(-1500px) scale(0.1);
    	transform: translateX(-1500px) scale(0.1);
		transition-delay: 2s; 
	}
	.timeline-point._left.no-anim .section-wrap {
		-moz-transform: translateX(0px) scale(1);
		-ms-transform: translateX(0px) scale(1);
		-webkit-transform: translateX(0px) scale(1);
    	transform: translateX(0px) scale(1);
		transition-delay: 2s; 
		opacity: 1;
	}
/* 	.timeline-point._left:nth-child(6) .section-wrap {
	  transition-delay: 3s;
   } */
    .timeline-point._left .section-wrap::after {
		  right: -20px;
		  left: auto;
		  top:46px;
		  border-right-color: transparent;
		  border-left-color: rgba(255,255,240,0.35); 
	  }
	  
  	.timeline-point._right .section-wrap {
		float: right;
		-moz-transform: translateX(1500px) scale(0.1);
		-ms-transform: translateX(1500px) scale(0.1);
		-webkit-transform: translateX(1500px) scale(0.1);
		transform: translateX(1500px) scale(0.1);
		
	}
  	.timeline-point.active {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		transition-delay: 0s;
	}
  	.timeline-point.active .section-wrap {
		background-color: rgba(255,255,240,0.5);
	}
    .timeline-point.active._left .section-wrap::after {
		border-left-color: rgba(255,255,240,0.55);
		transition-duration: 1.2s;
		/* transition-delay: 0; */
	  }
    .timeline-point.active._right .section-wrap::after {
		border-right-color: rgba(255,255,240,0.55);
		transition-duration: 1.2s;
	 }
  	.timeline-point.visible .section-wrap, .timeline-point.visible:nth-child(6) .section-wrap{
		opacity: 1;
		-moz-transform: translateX(0) scale(1);
		-ms-transform: translateX(0) scale(1);
		-webkit-transform: translateX(0) scale(1);
		transform: translateX(0) scale(1); 
		transition-delay: 0s; 
	}
.section-wrap {
	position: relative;
	z-index: 3;
	width: 58%;
	margin: -33px 0 4% 0;
	padding: 11px 12px 20px 10px;
	opacity: 0;
	color: rgba(5,50,100,0.9);
	font-weight: 300;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: all 1.2s ease-in-out;
	-o-transition: all 1.2s ease-in-out;
	-webkit-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out;
	background-color: rgba(255,255,240,0.3);
	-webkit-box-shadow: 12px 10px 25px 1px rgba(0,0,0,0.1);
	/*-moz-box-shadow: 12px 10px 25px 1px rgba(0,0,0,0.1);*/
	box-shadow: 12px 10px 25px 1px rgba(0,0,0,0.1);
	border-radius: 3px;
	user-select: none;
  }
.section-wrap .embedder {
	width: 94%;
	max-width: 880px;
	margin: 0 0 0 3%;	
}
@media only screen and (min-width: 1600px) {
	.section-wrap #tutorial-1.embedder {
	margin-top: -1%;
	}
}

 .section-wrap.news-info {
	  width: 80%;
  } 
  .section-wrap.news-info .top-space {
	  padding-top: 2.5%;  
  }

.section-wrap.narow {
	width: 40%;
	margin: -19px -2% 4% 0;
	padding: 11px 10px 18px 12px;
  }
#top {
	opacity: 0;	
	padding-bottom: 11%;
}
.trans {
	opacity: 0;
}
.contact img {
	width: 40%;
	min-width: 230px;
	max-width: 330px;
}
.news-image {
	width: 100%;
	margin-top:2%;
}
.stories-image {
	width: 94%;
	margin-top:2%;
	margin-left: 3%;
}
.stories-image-vert {
	width: 64%;
	margin-top:2%;
	margin-left: 3%;
}

.section-wrap h1, .section-wrap.narow h1{
    padding: 0;
    margin: 0 0 0.5% 3%;
    font-weight: 300;	
}
.section-wrap h2, .section-wrap.narow h2{
    padding: 0;
    margin: 1% 0 1% 3%;   
	color: rgba(5,40,90,0.9);
	font-weight: 300;	
}
.section-wrap h3, .section-wrap.narow h3 {
    padding: 0;
    margin: 1% 0 -1% 3%;
    font-weight: 400;
	color: rgba(5,40,90,0.8);
	margin-bottom: 2%;
}
.section-wrap p,.section-wrap.news-info p, .section-wrap.narow p {
    margin: 0 2% 0 3%;
	color: rgba(5,40,90,0.9);
	font-weight: 300;
}
.section-wrap ul {
	margin: -1% 0 1.8% 3%;
	text-decoration: none;
	list-style-type:circle;
	font-weight: 300;
	color: rgba(5,50,100,1);    
}
.section-wrap.news-info ul {
	 /*margin-top: 0;*/
	 margin-bottom: 1.5%;
} 
.section-wrap.narow h2, .section-wrap.narow h3, .section-wrap.narow p, .section-wrap.narow ul {
	margin-right: 3%;
}
.section-wrap a {
	text-decoration: none;
	font-size: 1em;
	color: rgba(100,40,60,0.7);
}
.section-wrap a:hover {
	text-decoration: underline;	
}
.year-nav {	
	position: fixed;
	width: 16%;	
	max-width: 234px;
	height: 100%;
	top: 14%;
	left: 0px;
	z-index: 24;
	text-align: center;
	font-weight: 300; 
	overflow-y:auto;
	/*overflow-x: hidden;*/	
  }
  .year-nav nav {
	width: 100%;
	font-family: 'Spectral SC', serif;
	display: block;
	letter-spacing: 0.05em;	
	margin-bottom: 120px;
	}
    .year-nav nav a {
      display: block;
      text-decoration: none;
      text-align: center;
	  margin: 0 4% 0 4%;
	  padding: 0;
	  color: rgba(255,255,255,0.4);
	  line-height: 1; 
	  border: 0;
     }
	   
	 .year-nav nav a span {
		 margin-top: 5%;
		 margin-bottom: 8%;
	 }
	 .year-nav nav a span.short {
		   font-size: 0.7em;
		   line-height: 0.9em; 
		   color: rgba(255,255,255,0.2);
		   margin-bottom: 8%;		   
	   }
	  
		.year-nav nav a:hover{
		  color: rgba(255,255,255,0.9);
		  outline: 0; 
	   }
	    .year-nav nav a:visited{
		  color: rgba(255,255,255,0.4);
		  outline: 0; 
	   }
		
	    .year-nav nav a:active{
		  color: rgba(255,255,255,0.8);
		  outline: 0; 
	   }
		
      .year-nav nav a.active span {
		  color: rgba(255,255,255,0.7); 
		text-decoration: none;
		border-style: none;	
		outline: 0;					
		}
		.year-nav.sun-text nav a  {
			color: rgba(255,255,255,1.0) !important;
			font-weight: 400;
		}
		.year-nav.sun-text nav a:hover{
		  color: rgba(255,255,255,0.8) !important; 
	   }
		.year-nav.sun-text nav a:active{
		  color: rgba(255,255,255,0.8)!important; 
	   }
		.year-nav.sun-text nav a:visited {
		  color: rgba(255,255,255,0.8)!important;
		  outline: 0; 
	   }
@media only screen and (max-width: 1620px) {	
	.timeline-container::before {
    left: 59.6%;
	}
}
@media only screen and (max-width: 1600px) {	
 	.timeline-container::before {
    	left: 59.8%;
	}
	.timeline-container {
		left: 16.5%;
	}
	 .timeline-container.news-info {
	  left: 17%;
   }
   .google-text {
	width: 64%;
} 
}
@media only screen and (max-width: 1367px) {
	.timeline-container {
		left: 19%;
		width: 81%;
	}
	 .timeline-container.news-info {
	  left: 18%;
   } 
	.section-wrap {
		width: 58%;
	}
	.section-wrap.narow {
		width: 38%;
		margin-right: 0;
		padding: 11px 10px 18px 12px;
  	}
	 .google-text {
	width: 60%;
} 
	
}
@media only screen and (max-width: 1260px) {	
	header h1  {
		margin-left: 19%;
	 }
	.timeline-container::before {
		left: 57.5%;		
	}
	.timeline-container {
		left: 17%;
		width: 83%; 
  	}
	 .timeline-container.news-info {
	  left: 18%;
	  width: 85%;
   }
	.section-wrap {
		width: 55%;
		margin-bottom: 7%;
	}	
	 .timeline-container .timeline-point::before {
		left: 57.7%;
	}
	.section-wrap.narow {
		width: 38%;
		margin-right: 2%;
		margin-bottom: 7%;
  	}	
	.section-wrap.news-info {
	  width: 87%;
	  margin-bottom: 7%;
	}
	.timeline-container.news-info::before {
		left: 89%;
	}
	 .timeline-container.news-info .timeline-point::before {
		left: 90.2%;
	}
}
@media only screen and (max-width: 1050px) {
	header h1  {
		padding: 0.8% 0 0.8% 0;
	 }
	 .section-wrap {
		width: 55.4%;
		margin-bottom: 7%;
	}
	 /* #google {
	margin-right: 2%;
	}
	.google-text {
		float:left;
		width: 56%;
	}	 */
	
}
/* @media only screen and (max-width: 910px) {
	.google-text {
		float:left;
		width: 52%;
	}	
	
} */
/* @media only screen and (max-width: 810px) {
	#google {
	margin-right: 1%;
	}
	.google-text {
		float:left;
		width: 49%;
	}	
	
} */
 @media only screen and (max-width: 769px) {
	.timeline-container {
		left: 18%;
		width: 83%; 
	  }
	  .section-wrap {
		width: 55.1%;
	}
	.timeline-container.news-info {
		left: 19.5%;
		width: 85%; 
  	}
	header h1 {
		margin-left: 23%;
		padding: 2% 0 2% 0;
	 }
	.year-nav {	
		min-width: 120px;
  	}
  	#sidebar {
		min-width: 120px;
	}
	.back img {
	margin-top: 12%
	}
/*	#google-icon {
	top: 3.5%;
	right: 0;
	}
	#google-icon img{
		width: 50%;
	}
	.google-text {
		float:left;
		width: 46%;
	}	
	.g-person {
		width: 180px !important;
	}*/	 		
}
/* @media only screen and (max-width: 700px) {
	#google {
		float:left;
		margin: 4% auto 0 3%;
	}
	.google-text {
		float:left;
		width: 84%;
	}	
} */
@media only screen and (max-width: 600px) {
	#wrapper, #header {
		min-width: 400px; 
	 } 
	header h1 {
		margin-left: 27%; 	
	 }	
 	 .timeline-container {
		left: 22%;
		width: 78%; 
  	}
	.timeline-container.news-info {
		left: 25%;
		width: 80%; 
  	}
	.timeline-point._left .section-wrap, .timeline-point._right .section-wrap {
		-moz-transform: translateX(0px) scale(1);
		-ms-transform: translateX(0px) scale(1);
		-webkit-transform: translateX(0px) scale(1);
    	transform: translateX(0px) scale(1); 
		opacity:1;
	}
	 
	.section-wrap.trans {
	 	opacity: 0;
	}
}
 @media only screen and (max-width: 481px) {	
	.year-nav {	
		min-width: 100px;	
	}
	 #sidebar {
		min-width: 100px;
	}
	 .container {
		 padding-left: 10%;
		 margin-right: 2%;
	 }
	header h1 {
		margin-left: 28%;
		padding: 3% 0 3% 0;
	 }		
	 .section-wrap {
		 opacity: 1;
		 padding-bottom: 5%;
		 margin-bottom: 10%;
	 }		
	.section-wrap.news-info {
	 	width: 85.5%;
		margin-left: 3%;
		margin-bottom: 10%;
		padding-bottom: 5%;	
  	}
	 .timeline-container {
		left: 23%;
		width: 78%; 
  	}
	.timeline-container.news-info {
		left: 21%;
		width: 80%; 
  	}
	.timeline-container.stories {
		left: 21%;
		width: 80%; 
  	}
	.timeline-container.news-info::before {
		left: 92%;    		
	}
	 .timeline-container.news-info .timeline-point::before {
		left: 93.5%;
	}
	#google-icon {
	top: 3%;
	right: -3%;
	}
	#google-icon img{
		/*margin: 15% 0 0 0; */
		width: 48%;
	}
	#google {
	margin: 3% auto 0 3%;
	}
	.google-text {
		width: 95%;
	}
 }
  @media only screen and (max-width: 420px) {
	.back img {
	margin-top: 15%
	}
	 header h1 {
		margin-left: 32%; 		
	 }
	 .timeline-container {
		left: 27%;
		width: 75%; 
  	}
	.timeline-container.news-info {
		left: 23%;
		width: 82%; 
  	}
	#google-icon {
	top: 3%;
	right: -7%;
	}
	/*.timeline-point._left .section-wrap, .timeline-point._right .section-wrap {
		-moz-transform: translateX(0px) scale(1);
		-ms-transform: translateX(0px) scale(1);
		-webkit-transform: translateX(0px) scale(1);
    	transform: translateX(0px) scale(1); 
	}*/	
 }
  @media only screen and (max-height: 1367px) {
	.year-nav {	
		top: 13%;
	}
	 .timeline-container {
		margin-top:-12%;
	 }
} 
  @media only screen and (max-height: 1267px) {
	.year-nav {	
		top: 16%;
	}
	 .timeline-container {
		margin-top:-13%;
	 }
} 
@media only screen and (max-height: 1025px) {
	.year-nav {	
		top: 15%;
	}
	 .timeline-container {
		margin-top:-11%;
	 }
}
@media only screen and (max-height: 1000px) {
	.year-nav {	
		top: 14%;
	}
}

@media only screen and (max-height: 813px) {
	.year-nav {	
		top: 14%;		
	}
	 .timeline-container {
		margin-top:-14%;
	 }
}
@media only screen and (max-height: 769px) {
	.back img {
	margin-top: 12%
	}
	.year-nav {	
		top: 17%;		
	}
	 .timeline-container {
		margin-top:-10%;
	 }
	
	#top {
	opacity: 0;	
	padding-bottom: 7%;
	}
	 .timeline-point._left .section-wrap, .timeline-point._right .section-wrap {
		-moz-transform: translateX(0px) scale(1);
		-ms-transform: translateX(0px) scale(1);
		-webkit-transform: translateX(0px) scale(1);
    	transform: translateX(0px) scale(1);
		opacity: 1;
	}
	.section-wrap.trans {
	 	opacity: 0;
	}
}
 @media only screen and (max-height: 670px) {
	.year-nav {	
		top: 18%;
	}
	
}
 @media only screen and (max-height: 415px) {
	.year-nav {	
		top: 19%;
	}
	.timeline-container {
		margin-top:-9%;
	}
	.section-wrap {
	 	opacity: 1;
	} 
	.section-wrap.trans {
	 	opacity: 0;
	}
	#google-icon {
	top: 7%;
	right: -3%;
	}
	#google-icon img{
		/*margin: 15% 0 0 0; */
		width: 48%;
	}
}
@media only screen and (max-height: 376px) {
	 .year-nav {	
		top: 25%;
	}
	
}