/*INTRO*/
body { margin: 0px; overflow: hidden; }
canvas { opacity: .8; position:relative; z-index: 99;}

.forks-page{
	font-family: 'Amiko', sans-serif;
	
	position:absolute; 
	top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	color:white; 
	z-index:100;
	font-size:70px;
text-align: center;
	}
	
a:link{
	text-decoration:none;
	}

.forks-page img{
opacity: 0;
		transition:all ease-in 0.3s;
		width: 25vw;
		 cursor: pointer;

}
.forks-page:hover >*{
opacity: 1;
		transition:all ease-in 0.3s;

}


/*If the browser window is 600px or smaller*/
@media only screen and (max-width: 600px) {
    .forks-page img{
		width: 60vw;
	}
	.forks-page img{
		opacity: 1;
	}
}
/*If the browser window is 768px or smaller*/
@media only screen and (max-width: 768px) {
    .forks-page img{
		width: 40vw;
	}
}

/*BODY-HEADER-HTML*/

body {
	z-index:-99;
	margin:0;
	background:#FFFFFF;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    transition: opacity 400ms;
	}

.header-texts{
	position:fixed;
	padding:5%;
	/*background-color:cyan;*/
	background-color:white;
	width:100%;
	}
	
@media(min-width:768px){
	.header-texts{
		padding:4.5%;
		}
}
@media(min-width:1024px){
	.header-texts{
		padding:4%;
		}
}

@media(min-width:1366px){
	.header-texts{
		padding:3.5%;
		}
}

@media(min-width:1920px){
	.header-texts{
		padding:4.5%;
		}
}


 html {
 	font-size: 50%;
	font-family: 'Amiko', sans-serif;
 	line-height:1.3;
	}
  
@media(min-width:768px){
	html{
		font-size:89%;
		}
}
@media(min-width:1024px){
	html{
		font-size:75%;
		}
}

@media(min-width:1366px){
	html{
		font-size:95%;
		}
}

@media(min-width:1920px){
	html{
		font-size:100%;
		}
}

.border-body{
    position: absolute;
	position:fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*border: 10px solid #979797;*/
    z-index: -100;
}

/*LOGO*/

.img-logo{
	position:absolute;
	position:fixed;
/*	background-color:#F7F7F7;
*/	left:6%;
	top:3%;
	width:7%;
	padding:6px;
	padding-top:9px;
	border:solid 1px transparent;
	transition:ease-in 0.2s all;
	}
	
@media(min-width:768px){
	.img-logo{
		width:8%;
		}
}

@media(min-width:1024px){
	.img-logo{
		width:7%;
		}
}

@media(min-width:1366px){
	.img-logo{
		width:6%;
		}
}

@media(min-width:1920px){
	.img-logo{
		width:6%;
		}
}
	
.img-logo:hover{
	border:solid 1px black;
	pading:6px;
	padding-top:9px;
	}

.img-logo:hover{ 
	color:#6C6;
	}

/*LINK*/

a:link{
	text-decoration:none;
	}
	
	
a {
	color:#333;
	}
	
/* TOP RIGHT MENU*/

#menu{
	width:50%;
	-webkit-transition:all ease-in 0.3s;
	-moz-transition:all ease-in 0.3s;
	-o-transition:all ease-in 0.3s;
	-ms-transition:all ease-in 0.3s;
	transition:all ease-in 0.3s;
	}
	
@media(min-width:768px){
	#menu{
		width:78%;
		}
}

@media(min-width:1024px){
	#menu{
		width:85%;
		}
}

@media(min-width:1366px){
	#menu{
		width:94%;
		}
}

@media(min-width:1920px){
	#menu{
		width:100%;
		}
}

nav{
	position:absolute;
	position:fixed;
	right:7%;
	top:5%;
	}
	
.menu-nav li #menu:hover{
/*	background-color:#6FC;*/
	-webkit-transition:all ease-in 0.3s;
	-moz-transition:all ease-in 0.3s;
	-o-transition:all ease-in 0.3s;
	-ms-transition:all ease-in 0.3s;
	transition:all ease-in 0.3s;
	}
	
nav ul ul {
	display: none;
	}

nav ul li:hover > ul {
	display: block;
	}
	
nav ul ul {
	display: none;
	}

nav ul {
	list-style: none;
	position: relative;
	display: inline-table;
	}
	
nav ul:after {
	content: ""; clear: both; 
	display: block;
	}
	
nav ul li {
	}

nav ul li:hover {
	cursor:pointer;
	}
	
nav ul li:hover a {
	}
	
nav ul li a {
	display: block;
	}
	
nav ul ul {
	padding:0;
	position:absolute; 
	background-color:white;
	letter-spacing:2px;
	font-size:55%;
	}
	
@media(min-width:768px){
	nav ul ul{
		font-size:90%;
		}
}

@media(min-width:1024px){
	nav ul ul{
		font-size:95%;
		}
}

@media(min-width:1366px){
	nav ul ul{
		font-size:85%;
		}
}

@media(min-width:1920px){
	nav ul ul{
		font-size:100%;
		}
}

nav ul ul li {
	float:none; 
	position:relative;
	}
	
nav ul ul li a {
	padding-top:18%;
	padding-left:2px;
	padding-right:4px;
	color:#666;
	border-bottom:1px #CCCCCC solid;
	}
			
nav ul ul li a:hover {
	background-color:#666;
	color:white;
	}
	
/*MAIN MENU*/
	
.menu{
   position: absolute;
   z-index:-100;
   top: 50%;
   left: 50%;
   margin-right: -50%;
   transform: translate(-50%, -50%);
	}
	
.menu ul{
	list-style-type:none;
	text-align:right;
	}
    
.menu li{
	margin-bottom:30px;
  	}

.menu a{
	font-family: 'Amiko', sans-serif;
	border:2px transparent solid;
/*	color:#4E534D;
*/	font-size:18px;
	letter-spacing:0.8px;
  	transition:all 0.1s ease-in;
	-moz-transition:all 0.1s ease-in;
	-o-transition:all 0.1s ease-in;
	-webkit-transition:all 0.1s ease-in;
}
	
/*MENU HOVER*/

i{ 
	opacity:0;
	}

/*.i-menu i{
	position:absolute;
	top:13%;
    left:4%;
	z-index:-99;
	width:260px;
  	height:260px;
	border-radius:200px;
	border:solid 20px rgba(140,255,140,0.4);
	animation-name: scale-menu;
	-webkit-animation-duration:5s;
	-o-	animation-duration:5s;
	-moz-animation-duration:5s;
	animation-duration:5s;
	-webkit-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	}*/

.i-a i{
	position:absolute;
	top:-14%;
    left:-15%;
	z-index:-99;
	width:520px;
  	height:570px;
	border-radius:240px;
    opacity:0;	
	animation-name: rotate-a;
	animation-duration:2.7s;
	-webkit-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	border:solid 10px rgba(255,255,255,0.1);
	box-shadow: 40px 5px 30px 2px rgba(167,233,119,0.8), 1px 15px 5px 4px  #CABA9E inset, 20px 15px 12px 2px #5ED0DE, 10px 13px 10px 2px #FFCD52;
	transition:all ease-out 0.5s;
	}

.i-b i{
	position:absolute;
	top:-3%;
    left:10%;
	z-index:-99;
	width:500px;
  	height:500px;
	border-radius:185px;
    opacity:0;	
	animation-name: rotate-b;
	animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	border:solid 1px #333;
	box-shadow: 9px 6px 25px 2px #53C94C, 2px 1px 15px 2px #0FC inset;
	transition:all ease-out 0.5s;
	}

.i-c i{
	position:absolute;
	top:-6%;
    left:-28%;
	z-index:-99;
	width:560px;
  	height:500px;
	border-radius:0px;
    opacity:0;	
	animation-name: rotate-c;
	animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
    border-bottom-right-radius: 200px;
	border-top-left-radius: 200px;
	border:7px groove white;
    box-shadow:12px 0px 15px 2px rgba(248,22,122,0.5) inset, 50px 0px 30px 20px rgba(131,213,96,0.5) inset, 1px 20px 20px 3px rgba(157,255,235,0.6) inset;
    transition:all ease-out 0.7s;
	}
	

.i-d i{
	position:absolute;
	top:-8%;
    left:-24%;
	z-index:-99;
	width:530px;
  	height:500px;
    opacity:0;	
    transform:rotate3d(0,-20,80,300deg);
	animation-name: rotate-d;
	animation-duration:5s;
	-webkit-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	border-bottom-right-radius:220px;
	border-bottom-left-radius:100px;
	border-top-left-radius:150px;
	border-top-right-radius:190px;
/*	border-top-right-radius: 200px;
	border-top-left-radius: 70px;
	border-bottom-left-radius: 150px;
	border-bottom-right-radius: 110px;  #8D182D #ED0C0C rgba(222,74,31,0.5)*/
	border:25px solid rgba(255,255,255,0.5), 5px solid rgba(255,240,46,0.3);
    box-shadow: 7px 2px 10px 3px rgba(99,210,62,0.5), 17px 3px 25px 0px rgba(255,27,96,0.6) inset,  1px 17px 25px 0px rgba(255,240,46,0.3)inset, 20px 5px 40px 1px rgba(99,210,62,0.3) inset;
    transition:all ease-out 0.5s;
	}
	

.i-e i{
	position:absolute;
	top:-3%;
    left:-3%;
	z-index:-99;
	width:480px;
  	height:480px;
	border-radius:180px;
    opacity:0;	
	animation-name: rotate-e;
	animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	border:solid 1px rgba(255,255,0,0.6);
	box-shadow: 15px 10px 27px 2px #66FF66, 3px 0px 20px 0px white, 0px 12px 10px 1px #EC5372 inset;
	transition:all ease-out 0.5s;
	}
	
.i-f i{
	position:absolute;
	top:-6%;
    left:1%;
	z-index:-99;
	width:480px;
  	height:480px;
	border-radius:111px;
    opacity:0;	
	animation-name: rotate-f;
	animation-duration:3s;
	-webkit-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
/*	border-bottom:double 24px #FFE6FE;*/
	border-bottom:double 24px rgba(51,51,51,0.7);	
	box-shadow: 0px 0px 15px 2px rgba(138,225,85,0.9), 3px 3px 36px 5px rgba(255,147,213,0.5);
	transition:all ease-out 0.5s;
	}

.i-g i{
	position:absolute;
	top:-6%;
    left:-5%;
	z-index:-99;
	width:520px;
  	height:520px;
	border-radius:300px;
    opacity:0;	
	animation-name: rotate-f;
	animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
/*	border-bottom:double 24px #FFE6FE;*/
	border-left:double 10px rgba(51,51,51,1);	
	box-shadow: 0px 0px 26px 7px rgba(138,225,85,0.7), 6px 1px 20px 6px rgba(244,226,165,1) inset, 1px 4px 28px 12px rgba(174,236,231,1) inset, 4px 4px 28px 10px rgba(255,2,102,0.8) inset;
	transition:all ease-out 0.5s;
	}

.i-h i{position:absolute;
	top:-8%;
    left:-10%;
	z-index:-99;
	width:530px;
  	height:530px;
	border-radius:360px;
    opacity:0;
	animation-name: rotate-h;	
	transform:rotate3d(70,70,0,0deg);
	animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	border-right:solid white 5px;
	box-shadow: 1px 1px 30px 1px rgba(138,225,85,0.3), 1px 1px 43px 1px rgba(163,242,242,0.4) inset, 1px 1px 60px 1px rgba(255,239,98,0.1), 0px 0px 20px 0px rgba(252,239,77,0.2) inset;
	transition:all ease-out 0.5s;
	/*position:absolute;
	top:-3%;
    left:-12%;
	z-index:-99;
	width:450px;
  	height:450px;
	border-radius:0px;
    opacity:0;	
	border-top:5px rgba(139,228,179,1.00) dashed;
	border-bottom:5px rgba(149,247,234,1.00) dotted;
	animation-name: rotate-f;
	animation-duration:4s;
	-webkit-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	transition:all ease-out 0.5s;*/
	/*background:radial-gradient(rgba(255,255,255,0.3) 85%, rgba(255,39,108,0.1) 90%);*/
}

.i-i i{
	position:absolute;
	top:-14%;
    left:-15%;
	z-index:-99;
	width:520px;
  	height:570px;
	border-radius:240px;
    opacity:0;	
	animation-name: rotate-a;
	animation-duration:2.7s;
	-webkit-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	border:solid 10px rgba(255,255,255,0.1);
	box-shadow: 40px 5px 30px 2px rgba(255, 250, 240,0.7), 1px 15px 5px 4px  #CD5C5C inset, 20px 15px 12px 2px #5ED0DE, 10px 13px 10px 2px #FFCD52;
	transition:all ease-out 0.5s;
	}
	
i:nth-child(1) {
  	animation-delay:0.1s;
}

i:nth-child(2){
	animation-delay:0.4s;
	}

i:nth-child(3){
	animation-delay:0.7s;
	}

i:nth-child(4){
	animation-delay:1s;
	}
	
i:nth-child(5){
	animation-delay:1.3s;
	}

i:nth-child(6){
	animation-delay:1.4s;
	}
	
i:nth-child(7){
	animation-delay:1.7s;
	}

i:nth-child(8){
	animation-delay:2s;
	}

i:nth-child(9){
	animation-delay:2.3s;
	}
	
i:nth-child(10){
	animation-delay:2.6s;
	}

i:nth-child(11){
	animation-delay:2.9s;
	}
	
i:nth-child(12){
	animation-delay:3.2s;
	}
	
i:nth-child(13){
	animation-delay:3.5s;
	}

i:nth-child(14){
	animation-delay:3.8s;
	}
	
@keyframes scale-menu{
  0% {
	-webkit-transform:scale(2.5);
    transform: scale(2.5);
    opacity: 0;
  }
  50% {
	-webkit-transform:scale(1.5);
    transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
	-webkit-transform:scale(0.1);
    transform: scale(0.1);
    opacity: 0;
  }
	}
	
@keyframes scale-a{
  0% {
   -webkit-transform:scale(3);
    transform: scale(3);
    opacity: 1;
  }
  40% {
	-webkit-transform:scale(2);
    transform: scale(2);
    opacity: 0.5;
  }
  100% {
	-webkit-transform:scale(0);
    transform: scale(0);
    opacity: 1;
  }
	}

@keyframes rotate-a{
   0% {
    transform:rotate3d(0,0,1,360deg);
  }
  70% {
    transform:rotate3d(0,0,-1,200deg);
  }
  100% {
    transform:rotate3d(0,0,0,360deg);
  }
 }
 
 @keyframes rotate-b{
  from {
    transform: rotate(10deg);
  }
  to {
    transform: rotate(360deg);
  }
 }

@keyframes rotate-c{
  0% {
    transform:rotate3d(0,4,100deg);
  }
  70% {
    transform:rotate3d(0,1,100,200deg);
  }
  100% {
    transform:rotate3d(0,3,230deg);
  }
 }
 
@keyframes rotate-d{
  0% {
    transform:rotate3d(0,-20,80,300deg);
  }
  70% {
    transform:rotate3d(360,40,20,200deg);
  }
  100% {
    transform:rotate3d(0,-20,80,300deg);
  }
 }
 
 @keyframes rotate-e{
  from {
    transform: rotate(10deg);
  }
  to {
    transform: rotate(360deg);
  }
 }
 
@keyframes rotate-f{
  from {
    transform: rotate(10deg);
  }
  to {
    transform: rotate(360deg);
  }
 }
 
 @keyframes rotate-h{
  0% {
    transform:rotate3d(70,70,0,0deg);
  }
  70% {
    transform:rotate3d(360,360,0,200deg);
  }
  100% {
    transform:rotate3d(180,180,0,500deg);
  }
 }

.menu li a{
	}
	
.menu li a:hover{
	border-bottom:#999 solid 2px;
	}

.menu li:first-child a:hover + .i-a i{
	animation-name:rotate-a;
	animation-duration:4s;
	animation-iteration-count:infinite;
	opacity:1;
} 


.menu li:nth-child(2) a:hover + .i-b i{
	animation-name: rotate-b;
	animation-duration:5s;
	animation-iteration-count:infinite;
	opacity:1;
}

.menu li:nth-child(3) a:hover + .i-c i{
	animation-name: rotate-c;
	animation-duration:4s;
	animation-iteration-count:infinite;
	opacity:1;
}

.menu li:nth-child(4) a:hover + .i-d i{
	animation-name: rotate-d;
	animation-duration:4s;
	animation-iteration-count:infinite;
	opacity:1;
}

.menu li:nth-child(5) a:hover + .i-e i{
    animation-name: rotate-e;
	animation-duration:5s;
	animation-iteration-count:infinite;
	opacity:1;
}

.menu li:nth-child(6) a:hover + .i-f i{
	animation-name: rotate-f;
	animation-duration:4s;
	animation-iteration-count:infinite;
	opacity:1;
}

.menu li:nth-child(7) a:hover + .i-g i{
	animation-name: rotate-f;
	animation-duration:4.5s;
	animation-iteration-count:infinite;
	opacity:1;
}

.menu li:nth-child(8) a:hover + .i-h i{
	animation-name: rotate-h;
	animation-duration:5s;
	animation-iteration-count:infinite;
	opacity:1;
}

.menu li:nth-child(9) a:hover + .i-i i{
	animation-name:rotate-a;
	animation-duration:8s;
	animation-iteration-count:infinite;
	opacity:1;
} 

/*CONTENT*/

p{
	line-height:1.4em;
	font-size:90%;
	padding-top:3px;
	color:#223;
	}

h1{
	font-size:150%;
	letter-spacing:-0.06em;
	line-height:0.8em;
	}
	
@media(min-width:768px){
	h1{
		font-size:170%;
		}
}
@media(min-width:1024px){
	h1{
		font-size:200%;
		}
}

@media(min-width:1366px){
	h1{
		font-size:200%;
		}
}

@media(min-width:1920px){
	h1{
	   font-size:200%;
		}
}
main{
    position: absolute;
    z-index:-100;
    top:17%;
	max-width: 60%;
    margin: auto 13%;
	line-height:1.4em;
	}

@media (min-width: 900px) {
	h1{
	letter-spacing:-0.04em;
	line-height:0.8em;
	}
	
    main{max-width: 50%;
	line-height:1.8em;
			}	
  }

.main-texts{
    position: absolute;
    z-index:-100;
    top:20%;
	max-width: 60%;
    margin: auto 13%;
	line-height:1.4em;
	}
	
@media(min-width:768px){
	.main-texts{
		top:17%;
		}
}
@media(min-width:1024px){
	.main-texts{
		top:17%;
		}
}

@media(min-width:1366px){
	.main-texts{
		top:18%;
		}
}

@media(min-width:1920px){
	.main-texts{
	    top:16%;
		}
}

/*.change-colour-title{
	font-weight:bold;
	color:#51AF61;
	}*/
	
@media (min-width: 900px) {
	h1{
	letter-spacing:-0.04em;
	line-height:0.8em;
	}
	
    main{max-width: 50%;
	line-height:1.8em;
			}	
  }
 
.columnsContainer { position: relative; margin: .5em; }
 
.left-column {  border:1px solid #51AF61; margin: .3em;
	padding: .1em .5em; }
 
.right-column { border:1px solid #ccc; margin: .3em;
	padding: .1em .5em; }

@media screen and (min-width: 47.5em ) {
  .leftColumn { margin-right: 19.5em; }
 
  .rightColumn { position: absolute; top: 0; right: 0; width: 18.75em; }
}

.column{
	border:1px solid transparent;
	margin: 0em 1em;
	padding: .1em .5em;
	}
	
.contact-main{
    position: absolute;
	top:20%;
	left:33%;
	}

@media (min-width: 900px) {
.contact-main{left: 37%;
			}
  }

article {
  -webkit-columns: 2 350px;
     -moz-columns: 2 350px;
          columns: 2 350px;
  -moz-column-fill: auto;
       column-fill: auto;
  max-height:360px;
}

.outer-article{
	overflow: hidden;
	}
	
.article-synthesis {

	overflow-y: scroll  !important;
  -webkit-columns: 1 400px;
     -moz-columns: 1 400px;
          columns: 1 900px;
  -moz-column-fill: auto;
       column-fill: auto;
	   width:100%;
  max-height:40%;
  line-height:1.7em;
  padding-right: 20px;
  padding-bottom: 15px; 
}

.article-synthesis::-webkit-scrollbar {
    width: 1em;
}
 
.article-synthesis::-webkit-scrollbar-thumb {
  outline: 0px solid slategrey;
}

.art-threeforks {
  height: 350px;
}
	
.numbers-style{ 
	color:#5AB65F; 
	}
	
/*CONTACT FORM*/

form{
	width:55%;
	}
	
	
@media (min-width: 900px) {
    form{width: 40%;
			}
  }
  
input[type=text], input[type=email] {
    width: 100%;
    padding: 12px 20px;
    box-sizing: border-box;
}	

textarea {
    width: 100%;
    height: 100px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    resize: none;
}

input[type=submit], input[type=reset] {
	width:100%;
    background-color:#F5F5F5;
    border: none;
    color: #333;
    text-decoration: none;
    cursor: pointer;
	padding:10px 0px;
	margin-bottom:2px;
	transition:ease-in all 0.4s;
}

label {
	display:none;
	border: red solid 1px;
  }
  
input[type=submit]:hover{
	background-color:#6F6;
	}

input[type=reset]:hover{
	background-color:#FBBFCF;
	}
	
/*TEXT IMAGES*/
.image-text-synthesis{
	position:fixed;
	right: 50%;
    margin-right: -50%;
	z-index:-1;
	bottom:10%;
	max-width:30%;
	max-height:30%;
	}

@media(min-width:768px){
	.image-text-synthesis{
		bottom:10%;
		max-width:30%;
		max-height:30%;
		}
}
@media(min-width:1024px){
	.image-text-synthesis{
		bottom:6%;
		max-width:35%;
		max-height:35%;
		}
}

@media(min-width:1366px){
	.image-text-synthesis{
		top:48%;
		max-width:68%;
		max-height:68%;
		}
}

@media(min-width:1920px){
	.image-text-synthesis{
		top:60%;
		max-width:100%;
		max-height:100%;
		}
}

.image-text-synthesis1{
	position:fixed;
	left: 53%;
    margin-left: -50%;
	z-index:-1;
	bottom:10%;
	max-width:55%;
	max-height:55%;
	}
	
@media(min-width:768px){
	.image-text-synthesis1{
		max-width:60%;
		max-height:60%;
		}
}
@media(min-width:1024px){
	.image-text-synthesis1{
		max-width:65%;
		max-height:65%;
		}
}

@media(min-width:1366px){
	.image-text-synthesis1{
		max-width:90%;
		max-height:90%;
		}
}

@media(min-width:1920px){
	.image-text-synthesis1{
		bottom:20%;
		max-width:100%;
		max-height:100%;
		}
}

.image-text-manifesto{
	position:fixed;
	right: 50%;
    margin-right: -50%;
	z-index:-1;
	bottom:7%;
	max-width:70%;
	max-height:70%;
	}

@media(min-width:768px){
	.image-text-manifesto{
		bottom:6%;
		max-width:65%;
		max-height:65%;
		}
}
@media(min-width:1024px){
	.image-text-manifesto{
		bottom:5%;
		max-width:63%;
		max-height:63%;
		}
}

@media(min-width:1366px){
	.image-text-manifesto{
		top:30%;
		max-width:68%;
		max-height:68%;
		}
}

@media(min-width:1920px){
	.image-text-manifesto{
		top:40%;
		max-width:80%;
		max-height:80%;
		}
}

.image-text-threeforks{
	position:fixed;
	right: 50%;
    margin-right: -50%;
	z-index:-1;
	bottom:7%;
	max-width:70%;
	max-height:70%;
	}

@media(min-width:768px){
	.image-text-threeforks{
		bottom:6%;
		max-width:65%;
		max-height:65%;
		}
}
@media(min-width:1024px){
	.image-text-threeforks{
		bottom:5%;
		max-width:70%;
		max-height:70%;
		}
}

@media(min-width:1366px){
	.image-text-threeforks{
		top:17%;
		max-width:80%;
		max-height:80%;
		}
}

@media(min-width:1920px){
	.image-text-threeforks{
		top:20%;
		max-width:80%;
		max-height:80%;
		}
}

.image-text-tecto{
	position:fixed;
	right: 50%;
    margin-right: -50%;
	z-index:-1;
	bottom:0%;
	max-width:70%;
	max-height:70%;
	}

@media(min-width:768px){
	.image-text-tecto{
		bottom:0%;
		max-width:65%;
		max-height:65%;
		}
}
@media(min-width:1024px){
	.image-text-tecto{
		bottom:0%;
		max-width:60%;
		max-height:60%;
		}
}

@media(min-width:1366px){
	.image-text-tecto{
		bottom:0%;
		max-width:75%;
		max-height:75%;
		}
}

@media(min-width:1920px){
	.image-text-tecto{
		bottom:0%;
		max-width:80%;
		max-height:80%;
		}
}

.image-text-tecto1{
	position:fixed;
	left: 50%;
    margin-left: -50%;
	z-index:-1;
	top:32%;
	max-width:15%;
	max-height:15%;
	}
	
@media(min-width:768px){
	.image-text-tecto1{
		top:27%;
		max-width:17%;
		max-height:17%;
		}
}
@media(min-width:1024px){
	.image-text-tecto1{
		top:30%;
		max-width:100%;
		max-height:100%;
		}
}

@media(min-width:1366px){
	.image-text-tecto1{
		top:20%;
		max-width:100%;
		max-height:100%;
		}
}

@media(min-width:1920px){
	.image-text-tecto1{
		bottom:20%;
		max-width:100%;
		max-height:100%;
		}
}
/*VIDEO*/

.js-video embed, .js-video iframe, .js-video object, .js-video video {
	position:absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	box-shadow: 1px 1px 15px 3px rgba(160,190,153,1.00);

}
/* DESIGNED AND DEVELOPED BY MARIA MITSI */

a.mariamitsi{
	color:#17CAA6;
	font-weight:bold;
	}
a.mariamitsi:hover{
	color:#444444;
	transition:all ease-in 0.6s;
	}
	
a.marcos{
	color:#17CAA6;
	}
a.marcos:hover{
	color:#444444;
	transition:all ease-in 0.6s;
	}