@media only screen and (max-width: 768px){
body{
        overflow: hidden;
        background: #000;
}


.entete{
    background: #e2e2e2a4;
    padding-bottom: 3.5rem;
}

.Logo{
   height: 55px;
    width: 100px;
    margin-left: 1.5rem;
    margin-top: -15px;
    color: #fff;
}
.buttons{
    padding-right: 20%;
}
.button2, .button1{
    color: #fff;
    height: 1.75rem;
    width: 50%;
    border: none;
    transition: transform 0.3s ease-in-out;
}

.boxContainer1, .boxContainer2{
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.boxContainer2{
    margin-top: 5rem;
}

.box1, .box2, .box3, .box4{
    flex: 0 0 auto;
    scroll-snap-align: start;
}
}