/* Général
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body
{
	font-family: "Exo", "Open Sans", "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


input, textarea, select
{
	font-family: "Exo", "Open Sans", "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}




/* Divers
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.hidden
{
	opacity: 0;
}


.visible
{
	opacity: 1;
}


.value-prop
{
	margin-top: 1rem;
}


.value-props
{
	margin-top: 4rem;
	margin-bottom: 4rem;
}


.value-img
{
	display: block;
	text-align: center;
	margin: 2.5rem auto 0;
}






/* Boutons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button
{
	border-radius: 100px;
}




/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section
{
	padding: 8rem 0 7rem;
	text-align: center;
}

.section-heading,
.section-description
{
	margin-bottom: 1.2rem;
}





/* Responsive
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Plus grand qu'un smartphone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 550px)
{
	.section
	{
		padding: 12rem 0 11rem;
	}
	
	
	
	.u-full-width .column
	{
		margin: 0;
	}
	
	.u-full-width .one-half
	{
		width: 50%;
	}
}







/* Plus grand que 750
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 750px)
{
	.section
	{
		padding: 14rem 0 15rem;
	}
	
	
	.section-description
	{
		max-width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
}







/* Plus grand que 1000
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 1000px)
{
	.section
	{
		padding: 20rem 0 19rem;
	}
}