@font-face {
  font-family: 'Ricoleta';
  src:  url('img/recoleta-regular-webfont.woff2') format('woff2'),
        url('img/recoleta-regular-webfont.woff') format('woff');
}

::selection{
    background-color: #61993b;
    color: #fff;
}

* {
	box-sizing: border-box;
}

body{
    background: url(img/fond.jpg) center center no-repeat;
background-size: cover;
    font-family: "Ricoleta", serif;
	margin:0;
	padding: 0;
	font-weight: normal;
}

.corps {
width: 100%;
margin: 0 auto;

}

.inter {
	width: 100%;
max-width: 1400px;
padding: 100px 20px;
margin: 0 auto;
background: -moz-linear-gradient(left,  rgba(35,31,32,0) 0%, rgba(35,31,32,1) 19%, rgba(35,31,32,1) 81%, rgba(35,31,32,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(35,31,32,0)), color-stop(19%,rgba(35,31,32,1)), color-stop(81%,rgba(35,31,32,1)), color-stop(100%,rgba(35,31,32,0)));
background: -webkit-linear-gradient(left,  rgba(35,31,32,0) 0%,rgba(35,31,32,1) 19%,rgba(35,31,32,1) 81%,rgba(35,31,32,0) 100%);
background: -o-linear-gradient(left,  rgba(35,31,32,0) 0%,rgba(35,31,32,1) 19%,rgba(35,31,32,1) 81%,rgba(35,31,32,0) 100%);
background: -ms-linear-gradient(left,  rgba(35,31,32,0) 0%,rgba(35,31,32,1) 19%,rgba(35,31,32,1) 81%,rgba(35,31,32,0) 100%);
background: linear-gradient(to right,  rgba(35,31,32,0) 0%,rgba(35,31,32,1) 19%,rgba(35,31,32,1) 81%,rgba(35,31,32,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00231f20', endColorstr='#00231f20',GradientType=1 );
}

.flex {
display: flex;
flex-direction : row;
justify-content: space-between;
align-items : flex-end;
}

.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}



h1 {
color: #fff;
font-weight: normal;
font-size: 40px;
}
h4 {
	color: #fff;
font-weight: normal;
font-size: 25px;
margin-bottom: 0;
}
p {
    color: #fff;
    font-size: 25px;
	line-height: 1.2;
}
p span {
font-size: 0.9em;

}
b, strong {
	font-weight: 700;
}
img {
max-width: 100%;
height: auto;
}


@media screen and (max-width:640px) {

h1 {
font-size: 30px;
}
p {
    font-size: 16px;
}

.flex {
flex-direction : column;
align-items: center;
}

.col-2 {
	text-align: center !important;
}
body {
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.inter {
	padding: 20px 20px 200px;
	background: -moz-linear-gradient(top,  rgba(35,31,32,1) 0%, rgba(35,31,32,1) 81%, rgba(35,31,32,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,31,32,1)), color-stop(81%,rgba(35,31,32,1)), color-stop(100%,rgba(35,31,32,0)));
background: -webkit-linear-gradient(top,  rgba(35,31,32,1) 0%,rgba(35,31,32,1) 81%,rgba(35,31,32,0) 100%);
background: -o-linear-gradient(top,  rgba(35,31,32,1) 0%,rgba(35,31,32,1) 81%,rgba(35,31,32,0) 100%);
background: -ms-linear-gradient(top,  rgba(35,31,32,1) 0%,rgba(35,31,32,1) 81%,rgba(35,31,32,0) 100%);
background: linear-gradient(to bottom,  rgba(35,31,32,1) 0%,rgba(35,31,32,1) 81%,rgba(35,31,32,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231f20', endColorstr='#00231f20',GradientType=0 );
}

}