html { 
  margin:0;
  padding:100px 0 0 0; 
  background-color: #212121;
  text-align:center;
  background-image:url("bg.png");
  }
@font-face {
    font-family: 'gartonmedium';
    src: url('fonts/garto16-webfont.eot');
    src: url('fonts/garto16-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/garto16-webfont.woff2') format('woff2'),
         url('fonts/garto16-webfont.woff') format('woff'),
         url('fonts/garto16-webfont.ttf') format('truetype'),
         url('fonts/garto16-webfont.svg#gartonmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
  font-size: 1em;
  font-family: 'Alegreya Sans', sans-serif;
}
img {
  max-width: 100%;
  height: auto !important;
}

body {
  overflow-x: hidden;

}
a:focus {
	outline:0;
} 


h1{
	font-size:24px;
	color:#fff;
	font-weight: 100;
	text-decoration: none;
}
h2 , h2 a{
	background-color:#e5bd75;
	font-size:24px;
	color:#fff;
	margin:0 auto;
	width: 200px;
	text-decoration: none;
}
p {
	padding-top:20px;
}
.petit, .petit a, .petit a href {
	font-size:12px;
	text-align:center;
	color:#fff;
	text-decoration: none;
}