html, body	

			{

			-webkit-font-smoothing: antialiased;

			margin: 0;

			width: 100%;

			height: 100%;

			}



@media only screen and (max-width: 768px) 

{

     h1 {

          font-size: 12px;

          letter-spacing: 4px;

     }

}



a {

  color: rgba(255,255,100,0.5);

  transition-duration: 1s;

  text-decoration: none;



}

a:hover {

  color: rgba(255,255,255,0.8);

  transition-duration: 1s;

  text-decoration: none;

}

	

/*======================*/

/*=====CLASS FILTER=====*/

/*======================*/



.brightness img

{

	filter: brightness(0.75);

	-webkit-filter: brightness(0.75);

	-moz-filter: brightness(0.75);

	-o-filter: brightness(0.75);

	-ms-filter: brightness(0.75);

	transition: 0.6s ease-out;

}



.brightness img:hover

{

	filter: brightness(1.5);

	-webkit-filter: brightness(1.5);

	-moz-filter: brightness(1.5);

	-o-filter: brightness(1.5);

	-ms-filter: brightness(1.5);

}



.brightness2 img

{

	filter: brightness(0.5);

	-webkit-filter: brightness(0.5);

	-moz-filter: brightness(0.5);

	-o-filter: brightness(0.5);

	-ms-filter: brightness(0.5);

	transition: 0.6s ease-out;

}



.brightness2 img:hover

{

	filter: brightness(1);

	-webkit-filter: brightness(1);

	-moz-filter: brightness(1);

	-o-filter: brightness(1);

	-ms-filter: brightness(1);

}

	

#backgroundvideo

	{

	border: 0px;

	right: 0px;

	bottom: 0px;

	min-width: 100%; 

	min-height: 100%;

	z-index: -1;

	}

	

#backgroundblack

	{

	border: 0px;

	right: 0px;

	bottom: 0px;

	min-width: 100%; 

	min-height: 100%;

	position: fixed;

	z-index: -5;

	background-color: rgba(20,20,20,1);

	}



#title

	{

	width: 100%;

	text-align: center;

	position: absolute;

	margin-top: 0px;

	}

	

#title2

{

	width: 100%;

	color: rgba(255,255,255,0.7);

	font-size: 18px;

	letter-spacing: 7px;

	font-family: Helvetica;

	text-align: center;

	position: absolute;

	margin-top: 150px;

	}

	

#title3

{

	width: 100%;

	color: rgba(255,255,255,0.7);

	font-size: 15px;

	letter-spacing: 7px;

	font-family: Helvetica;

	text-align: center;

	position: absolute;

	margin-top: 660px;

	}

	

#downloadbutton

{

	text-align: center;

	position: absolute;

	width: 100%;

	margin-top: 500px;

	}



#studio

{

position: fixed;

margin-top: 6px;

margin-right: 20px;

width: 100%;

height: relative;

float: right;

}



#contenttopfade

{

margin-top: 690px;

width: 100%;

height: 50px;

background-image: url("http://www.elseware-experience.com/logistique/img/ContentTopFade.png");

background-repeat: repeat-x;

z-index: 1;

}



#whiteline

{

width: 300px;

height: 1px;

background-color: rgba(255,255,255,0.5);	

}



#content

{

	width: 100%;

	color: rgba(220,220,220,1);

	font-family: Helvetica;

	font-size: 17px;

	text-align: center;

	letter-spacing: 3px;

	background-color: rgba(20,20,20,1);

	margin: 0px;

	padding-top: 50px;

	}





#steampage

{

position: fixed;

margin-top: 800px;

width: relative;

height: relative;

}



#trademark

{

background-color: black;

color: grey;

font-size: 0.8em;	

text-align: center;

padding: 15px;

}