@media screen and (max-width: 964px) {
    .barNav .group .link {
        flex: 3;
    }
    
}
@media screen and (max-width: 843px) {
    .barNav .group .link {
       position: absolute;
       width: 200px;
       right: -20px;
       top: 40px;
       background-color: #F4F4F4;
       z-index: 100000;
       float: left;
       padding: 20px;
       border-radius: 4px 0px 0px 4px;
       box-shadow: 0px 0px 4px #00545054;
       display: none;
    }
    .barNav .group svg {
        display: block;
        margin-left: 10px;
    }
    .barNav .group .link a {
        float: left;
        width: 100%;
        margin-right: unset;
        margin-top: 20px;
        height: 30px;
        
    }
}
@media screen and (max-width: 650px) {
    .bloc-1 .group {
        width: 95%;
    }
}
@media screen and (max-width: 1036px) {
    .about .group {
        width: 95%;
    }
}

@media screen and (max-width: 600px) {
    .about .card .box {
        width: 80%;
    }
}