.orange-mc-bg {
    background-color: #002c5f;
    color: #fff;
}

.orange-mc-bg-reverse {
    background-color: #fff;
    color: #002c5f;
}

.orange-mc{
    color: #002c5f;
}

.zoneText{
    width:300px;
    height:80px;
}

.marge-haut{
    margin-top: 50px;
}

@media screen and (max-width: 2560px) {
    .request{
        width:600px;
        height:100px;
    }

    .response{
        width:600px;
        height:100px;
    }
}

@media screen and (max-width: 1440px) {
    .request{
        width:400px;
        height:100px;
    }

    .response{
        width:400px;
        height:100px;
    }
}

@media screen and (max-width: 768px) {
    .request{
        width:200px;
        height:100px;
    }

    .response{
        width:200px;
        height:100px;
    }

    .marque{
        height: 70px;
        width: 140px;
        margin-left: -15px;
        margin-top: -16px;
    }
}

@media screen and (max-width: 425px) {
    .request{
        width:100px;
        height:50px;
    }

    .response{
        width:100px;
        height:50px;
    }
}

@media screen and (max-width: 320px) {
    .request{
        width:50px;
        height:20px;
    }

    .response{
        width:50px;
        height:10px;
    }
}

.marque{
    height: 70px;
    width: 200px;
    margin-left: -20px;
    margin-top: -20px;
}

.logos{
    height: 250px;
    width: 250px;
}

.flex-items-center{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}


/*CUSTOM NAVBAR STYLE*/

/* change the background color */
.navbar-custom {
    background-color: #002c5f;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #002c5f;
    padding: 0.8rem 1rem;
}
/* change the link color and add padding for height */
.navbar-custom .navbar-nav .nav-link {
    color: #002c5f;
    padding: 1rem 1rem;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #002c5f;
    background-color: #002c5f; /* add background-color to active links */
}.navbar-custom {
     background-color: #fff;
 }

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #002c5f;
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #002c5f;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #fff;
}

/* for dropdown only - change the color of droodown */
.navbar-custom .dropdown-menu {
    background-color: #fff;
}
.navbar-custom .dropdown-item {
    color: #002c5f;
}
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
    color: #fff;
    background-color: #002c5f;
}

#burger{
    color:#002c5f;
}