@font-face { 	font-family: "DINB"; 	src: url('../images/game_changer/fonts/DINPro-Black.ttf'); }
@font-face { 	font-family: "DINL"; 	src: url('../images/game_changer/fonts/DINPro-Light.ttf'); }

/* COULEURS DU TEXTE */
.colblack { color:black}

/* FAMILLE FONT */
.DINB {font-family:DINB}
.DINL {font-family:DINL}

/* BACKGROUND IMAGES */
.img-element0 { background-image:url(../images/game_changer/background0.jpg) ;
  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:20%}
  
.img-element1 { background-image:url(../images/game_changer/background.jpg) ;
  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.img-element2 { background-image:url(../images/game_changer/iStock_000024931838_XXX_fmt.jpg) ;
  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.img-element3 { background-image:url(../images/game_changer/background2.jpg) ;
  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  
.img-element4 { background-image:url(../images/game_changer/background3.jpg) ;
  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/* ROTATION */
.GCrotate { transform: rotate(-7deg);
-ms-transform:rotate(-7deg); -moz-transform:rotate(-7deg); -webkit-transform:rotate(-7deg); -o-transform:rotate(-7deg);}

/*MISE EN PAGE DES BLOCS*/
.wikostory { padding:80px 60px 150px 160px; }
.wikostory p { padding-top:20px}
.commitment {margin:auto; max-width:600px; font-family:DINB;}
.wikonoclast { padding:80px 60px 130px 160px;}
.generation { padding:60px 60px 130px 60px;}
.history {	padding:60px 60px 130px 160px;}
.histotop { margin-top:15px}
.wikodeclar { line-height:1.4em; padding:130px 60px 130px 60px;}
/*#objectGC { visibility:hidden;}  Hidden elements before PARALLAX animation */

.txt_vertclair { color:#91d179}

@media only screen and (max-width:580px) {
#wiconoclast { font-size:2em}	
.wikonoclast { padding:60px 60px 130px 100px;}	
.img-element1 {  background-position:10% }
.img-element2 {  background-position:10% }
.img-element3 {  background-position:10% }

.wikostory { padding:40px 10px 140px 10px; }
.wikostory .GCrotate {transform:rotate(0deg)
-ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(-7deg);}

.wikostory p { font-size:0.7em; line-height:1em}

.commitment H1 { font-size:1em}

.wikonoclast { padding:80px 60px 100px 50px;}

.generation { padding:60px 60px 130px 40px;}
.generation p { font-size:0.8em}
.generation H1 { font-size:1em}

.history .t6 { font-size:1em}
.history {	padding:60px 60px 100px 70px;}
.histotop { margin-top:25px}

.wikodeclar { font-size:0.9em}
}