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

h1{
	font-size:4vw;
}

h2{
	font-size:3.8vw;
}

h3{
	font-size: 2.5vw;
    line-height: 3.5vw;
    margin-bottom:30px;
}

h4{
	font-size:1.9vw;
	line-height:2.9vw;
}

p{
	font-size: 2.1vw;
    line-height: 3.2vw;
}

button{
	font-size: 2.5vw;
	line-height: 3.2vw;
    padding: 20px 40px;
}

/* ------------- Accueil ------------- */
/* ------------- Accueil ------------- */
/* ------------- Accueil ------------- */

.contenu-accueil{
	width:75%;
}

.contenu-accueil figure{
	width:80%;
	margin-left: 10%;
}

#accueil nav{
	width: 50%;
    margin-left: 50%;
}

/* ------------- Pourquoi ------------- */
/* ------------- Pourquoi ------------- */
/* ------------- Pourquoi ------------- */
 
#contenu-pourquoi{
	flex-direction:column;
}

#img-pq, #txt-pq{
	width:100%;
}

#img-pq-principale{
	margin-bottom:25px;
}

/* ------------- Formation ------------- */
/* ------------- Formation ------------- */
/* ------------- Formation ------------- */
 
#formations button{
	width:100%;
	margin-left:0%;
}

/* -------------- footer -------------- */
/* -------------- footer -------------- */
/* -------------- footer -------------- */

#bottom-footer{
	margin-top:25px;
}


/********/
}