html { 
  background: url(../data/design/fond.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body{
	padding-top:120px;
	background-color: transparent !important;

}

*{
	font-family: 'Open Sans', sans-serif;
}

.layer {
	background: rgba(0, 0, 0, .4);
	padding-top: 2em;
	padding-bottom:2em;
}

#spacer {
	height:350px;
}

.color1{
	color: #0F1932;
}

.color2{
	color: #878c98;
}

.color3{
	color: #F1EA34;
}


h1 {
	color:#ffffff;
	font-size:3em;
	font-weight: 800;
 	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
}


h2 {
	color:#ffffff;
	font-size:1.6em;
	font-weight: 800;
 	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
	padding-top:1em;
	padding-left: 3em;
	padding-right: 3em;
	text-align: center;
}


.bg-grey {
  background-color: #f6f6f6;
}



/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

	h1 {
		font-size:3em;
		text-transform: uppercase;
	}


	h2 {
		font-size:2em;
		padding-top:1.5em;
		padding-left: 0;
		padding-right: 0;
	}
	
	#spacer {
		height:500px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	h2 {
		font-size:2.2em;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}