.slide-from-left {
    animation: slide-from-left 1s ease;
}

@keyframes slide-from-left {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

h3 {
    font-family: 'Comfortaa', cursive;
    text-align: center;
    margin-top: 6rem;
}

.logoSD {
    width: 80%;
    margin: auto;
}

.logoSD img {
    width: 100%;
}

.containerContact {
    width: 80%;
    height: 110vh;
    margin: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.containerLeft {
    width: 40%;
    padding-top: 3rem;
}

.containerRight {
    width: 40%;
}

iframe {
    height: 150vh;
    width: 100%;
    box-sizing: border-box;
}

#btnToTheTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
}

footer {
    margin-top: 20rem;
}

@media screen and (max-width: 13in) {
    /* Ajoutez ici les styles CSS pour les écrans de 13 pouces */

    footer {
        margin-top: 40rem;
    }
}

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

    h3 {
        margin: 0;
        display: flex;
        justify-content: center;
    }

    .containerContact {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0;
        height: auto;
    }

    .logoSD {
        width: 60%;
        margin-top: 0;
    }

    .containerLeft {
        width: 80%;
        margin: auto;
        margin-bottom: 2rem;
        padding-top: 0;
    }

    .containerRight {
        width: 100%;
        margin-top: 0;
    }

    iframe {
        width: 100% !important;
        height: 190vh;
        display: flex;
        justify-content: center;
        margin: auto;
        box-sizing: border-box;
    }

    footer {
        margin-top: 0rem;
    }
}