@media (max-width: 800px) {
    .container{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 100vw;
        }
        .card{
            max-width: 94vw;
            margin-top: 25px;
            margin-bottom: 25px;
            margin-left: 0;
            margin-right: 0;
            padding: 10;
            display: flex;
            align-items: center;
            flex-direction: column;
            }
            .pres{
                width: 100vw;
                margin-left: 1%;
                margin-right: 2%;
                margin: 25px;
                padding: 0;
                display: flex;
                align-items: center;
                flex-direction: column;
                }
                .card img{
                    position: relative;
                    left: 0%;
                }
                .contact{
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    }
                    .formulaire {
                        width: 100%;
                        margin-bottom: 50px;
                        text-align: center;
                        background-color: #bebebe;
                    }
                    #github {
                        display: none;
                    }
}