body {
    margin: 0;
}

@media screen and (max-width: 90em) {
    svg {
        height: 60vh;
    }
}

@media screen and (max-width: 70em) {
    svg {
        height: 30vh;
    }
}

@media screen and (max-width: 90em) {
    svg {
        margin-left: 100vh;
        margin-top: 20vh;
    }
}

@media screen and (max-width: 70em) {
    svg {
        margin-left: 10vh;
        margin-top: 20vh;
    }
}



@media screen and (max-width: 70em) {
    h1 {
        font-size: 20px; 
    }
}

@media screen and (max-width: 90em) {
    h1 {
        font-family: fantasy;
        font-size: 60px;
        margin-left: 10vh;
        margin-top: -60vh;
        line-height: 150%;
    }

    p.texte {
        font-family: poppins;
        font-size: 20px;
        margin-left: 10vh;
        margin-right: 90vh;
    }


    .bouton-telechargement > a{
        border-radius: 40px;
        font-size: 20px;
        background-color: violet;
        color: white;
        text-decoration: none;
        padding: 20px 50px;
        font-family: poppins;
    }

    .bouton-telechargement {
        margin-top: 10vh;
        margin-left: 10vh;
    }
}


.fonction {
    height: 600px;
    margin-top: 20vh;
}



.fonction > h3 {
    text-align: center;
    font-family: fantasy;
    font-size: 30px;
}
.fonction > p {
    text-align: center;
    font-family: poppins;
}


.contact {
    height: 900px;
    text-align: center;
}


.contact > .bouton-tel > a {
   border-radius: 40px;
        font-size: 20px;
        background-color: violet;
        color: white;
        text-decoration: none;
        padding: 20px 50px;
        font-family: poppins;
 
}


.contact > img {
    margin-top: 20vh;
}


.contact2{
    height: 200px;
    background-color: grey;
    text-align: center;
    padding-top: 40px;
}

.contact2 > a {
    color: white;
    text-decoration: none;
    font-family: poppins;
    margin-right: 20vh;
}