header, section {
    width: 70%;
    margin: 0 auto;
    position: relative;
    display: block;
}
#logo {
    width: 60%;
    margin: 0 auto;
    display: block;
}
.visuel{
    width: 60%;
    margin: 0 auto;
    display: block;
}
#visuel_block2, #visuel_block3, #visuel_block4 {
    margin-top: 3vw;
}
*{
    font-family: 'century-gothic',sans-serif;
    font-weight: 500;
    text-align: center;
}
a{
    text-decoration: none;
    color: #000;
}
h1 {
    padding: 2% 22% 2%;
    font-size: 2vW;
}
p {
    padding: 0% 22% 4%;
    font-size: 1.5vW;
}
.produit {
    width: 60%;
    margin: 0 auto;
    display: block;
}
.block {
    width: 49%;
    margin: 0 auto;
    display: inline-block;
}
.produit_img {
    width: 113%;
}
.produit_img2 {
    width: 113%;
    margin-left: -4%;
}
.block p {
    padding: 0% 2% 0%;
    font-size: 1.5vW;
    height: 5vW;
    position: relative;
}
.cta {
    width: 11vw;
    position: relative;
    margin: 0 auto;
    height: 4vw;
    display: block;
    border: 1px solid #000;
    border-radius: 30vw;
    text-decoration: none;
    color: #000;
    line-height: 4vw;
    margin-bottom: 1vw;
    font-size: 1.2vw;
    text-transform: uppercase;
}
@media only screen and (max-width: 700px) {
    header, section {
    width: 100%;
}
#logo {
    width: 100%;

}
.visuel{
    width: 100%;
}
.produit {
    width: 100%;
}
h1 {
    padding: 2% 2% 2%;
    font-size: 5vW;
}
p {
    padding: 0% 8% 4%;
    font-size: 3.5vw;
}
.block p {
    padding: 0% 2% 0%;
    font-size: 3.5vW;
    height: 13vW;
    position: relative;
}
.cta {
    width: 23vw;
    height: 8vw;
    line-height: 8vw;
    font-size: 2.5vw;
    
}
#visuel_block2, #visuel_block3, #visuel_block4 {
    margin-top: 8vw;
}
}