.banner-shape1{
    background-color: #1a1a1a;
}

.butn:hover{
    background-color: #1a1a1a;
}

.butn.primary:hover{
    background-color: #1a1a1a;
}

.navbar-nav li a:hover{
    color: #e31e3d;
}

#about-us{
    padding: 50px 0 10px 0;
}

.catalog-wrapper{
    display: flex;
    justify-content: center;
    align-items: end;
}

#catalogue1 .min-flipbook {
    background-image: url(../img/catalog/services/catalog-intro.png);
    background-position: center;
    background-size: cover;
    width: 200px;
    height: 300px;
    border-radius: 9px 9px 9px 9px;
}

#catalogue2 .min-flipbook {
    background-image: url(../img/catalog/gps/catalog-intro.png);
    background-position: center;
    background-size: cover;
    width: 200px;
    height: 300px;
    border-radius: 9px 9px 9px 9px;
}
#catalogue3 .min-flipbook {
    background-image: url(../img/catalog/videosurveillance/catalog-intro.png);
    background-position: center;
    background-size: cover;
    width: 200px;
    height: 300px;
    border-radius: 9px 9px 9px 9px;
}
#catalogue4 .min-flipbook {
    background-image: url(../img/catalog/ecran/catalog-intro.jpg);
    background-position: center;
    background-size: cover;
    width: 400px;
    height: 300px;
    border-radius: 9px 9px 9px 9px;
}
.flipbook-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: auto;
}

.flipbook-wrapper .turn-page {
    -webkit-background-size: 100%;
    background-size: 100%;
}

.flipbook-wrapper div {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.flipbook-view{
    background-position: center;
    background-size: cover;
}

.btn-close {
    /* Change la couleur en blanc */
    filter: invert(1);
}

.modal-body{
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 575px) {
    .banner2{
        background-size: 50%;
    }
}