article
{
    text-align: justify;
}
.carousel-item {
  height: 65vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.top-zone h6
{
	font-weight: bold;
}

.carousel-item
{
    background-size: cover;
    color: white;
    padding: 20px;
    height: 480px;
}

.carousel-caption
{
	text-align: left;
	position: relative;
	top: 180px;
}

.carousel-caption h5
{
	font-size: 60px;
}

.carousel-caption p
{
	font-size: 20px;
}

.c1
{
    background-image:
    linear-gradient(to bottom, rgba(241, 126, 1, 0.52), rgba(0,0 ,0, 0.73)),
    url('../assets/img/3.jpg');
}

.c2
{
    background-image:
    linear-gradient(to bottom, rgba(241, 126, 1, 0.52), rgba(0,0 ,0, 0.73)),
    url('../assets/img/2.jpg');	
}

.c3
{
    background-image:
    linear-gradient(to bottom, rgba(241, 126, 1, 0.52), rgba(0,0 ,0, 0.73)),
    url('../assets/img/1.jpg');	
}

.services h2
{
	font-weight: bold;
}

.footer .nav-link
{
	color: white;
}

.c-orange
{
	color:rgb(241, 126, 1);
}

.top-zone i
{
	position: relative;
	bottom: 15px;
	right: 5px;
}

.service-card
{
	border-top: 2px rgba(241, 126, 1, 0.52) solid;
	padding-bottom: 15px;
	padding-top: 8px;
}

.zone-service-details
{
	height: 250px;
     background-size: cover;
    color: white;
    padding: 20px;
    justify-content: center;
    display: flex;
    align-items: center;
}

.location-vehicules
{
    background-image:
    linear-gradient(to bottom, rgba(241, 126, 1, 0.52), rgba(0,0 ,0, 0.73)),
    url('../assets/img/location-voiture.jpg');
}

.consultance
{
    background-image:
    linear-gradient(to bottom, rgba(241, 126, 1, 0.52), rgba(0,0 ,0, 0.73)),
    url('../assets/img/consultance.jpg');
}

.construction
{
    background-image:
    linear-gradient(to bottom, rgba(241, 126, 1, 0.52), rgba(0,0 ,0, 0.73)),
    url('../assets/img/construction.jpg');
}

.assainissement
{
    background-image:
    linear-gradient(to bottom, rgba(241, 126, 1, 0.52), rgba(0,0 ,0, 0.73)),
    url('../assets/img/assainissement.jpg');
}

.interime
{
    background-image:
    linear-gradient(to bottom, rgba(241, 126, 1, 0.52), rgba(0,0 ,0, 0.73)),
    url('../assets/img/interim.jpg');
}

.immobilier
{
    background-image:
    linear-gradient(to bottom, rgba(241, 126, 1, 0.52), rgba(0,0 ,0, 0.73)),
    url('../assets/img/immobilier.jpg');
}

.production
{
    background-image:
    linear-gradient(to bottom, rgba(241, 126, 1, 0.52), rgba(0,0 ,0, 0.73)),
    url('../assets/img/production.jpg');
}

.investissement
{
    background-image:
    linear-gradient(to bottom, rgba(241, 126, 1, 0.52), rgba(0,0 ,0, 0.73)),
    url('../assets/img/investissement.jpg');
}

.assistance
{
    background-image:
    linear-gradient(to bottom, rgba(241, 126, 1, 0.52), rgba(0,0 ,0, 0.73)),
    url('../assets/img/assistance.jpg');
}

.nettoyage
{
    background-image:
    linear-gradient(to bottom, rgba(241, 126, 1, 0.52), rgba(0,0 ,0, 0.73)),
    url('../assets/img/nettoyage.jpg');
}

.evenement
{
    background-image:
    linear-gradient(to bottom, rgba(241, 126, 1, 0.52), rgba(0,0 ,0, 0.73)),
    url('../assets/img/evenement.jpg');
}

.accompagnement
{
    background-image:
    linear-gradient(to bottom, rgba(241, 126, 1, 0.52), rgba(0,0 ,0, 0.73)),
    url('../assets/img/accompagnement.jpg');
}

.interim
{
    background-image:
    linear-gradient(to bottom, rgba(241, 126, 1, 0.52), rgba(0,0 ,0, 0.73)),
    url('../assets/img/interim.jpg');
}

.partnership
{
    background-image:
    linear-gradient(to bottom, rgba(241, 126, 1, 0.52), rgba(0,0 ,0, 0.73)),
    url('../assets/partnership/4.jpg');
    background-position: left;
}


.success
{
    height: 250px;
     background-size: cover;
    color: white;
    padding: 20px;
    justify-content: center;
    display: flex;
    align-items: center;
    background-image:
    linear-gradient(to bottom, rgba(241, 126, 1, 0.52), rgba(0,0 ,0, 0.73));
}

.carousel-caption h5
{
    font-size:  2rem;
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) 
{

    .carousel-caption h5
    {
        font-size:  3rem;
    }

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) 
{

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) 
{ 

}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) 
{
}