@media (max-width: 767px) {
.slogan{
	margin-top:130px;
	display: none;
   }
}
.display-5{
	font-family: "Montserrat", serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-size: 30.42pt;
	text-align: right; /* Aligne le texte à droite */
}
@media (max-width: 768px) {
  .display-5{
	font-family: "Montserrat", serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-size: 30.42pt;
	
 }
} 
@media (min-width: 768px) {
.sloganmobile{
	margin-top:130px;
	display: none;
   }
}
.display{
	font-family: "Montserrat", serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-size: 30.42pt;
	
}
@media (max-width: 768px) {
  .display{
	font-family: "Montserrat", serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-size: 30.42pt;
	
 }
} 
.capital {
	 font-family: "Montserrat", serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-size: 20px;
}
@media (max-width: 768px) {
  .capital{
	font-family: "Montserrat", serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-size: 20px;
 }
} 
.capital span {
    margin-right: 48px; /* Espace entre les éléments */
}

.capital span:last-child {
    margin-right: 0; /* Supprime l'espace après le dernier élément */
}  

.sommes{
	font-family: Nimbus Sans L 100, sans-serif;
	font-style: normal;
	color:#808080;
	font-size: 35pt;
	
 }
/* Styles pour les petits écrans (mobile) */
@media (max-width: 768px) {
  .sommes {
    font-family: Nimbus Sans L 400, sans-serif;
	font-size: 35pt;
	color:#808080;
  }
} 

.about1{
	margin-top:130px;
}
.about {
    font-family: "darkmode-on", sans-serif;
	font-weight: 50;
	font-style: normal;
	font-size: 19pt;
	
}
@media (max-width: 768px) {
  .about {
    font-family: "darkmode-on", sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 19pt;
  }
} 
.serv{
	margin-top:130px;
}

.service{
	font-family: Nimbus Sans L 400, sans-serif;
   /*  line-height: 1.6; Espacement entre les lignes */
   color:#808080;
	font-size:   35pt ;
	/* line-height: 0.5;*/
  }	

@media (max-width: 768px) {
  .service {
    font-family: Nimbus Sans L 400, sans-serif;
	color:#808080;
	font-size: 35pt;
  }
} 
.services{
	font-size:15pt;
	font-family: "darkmode-on", sans-serif;
	font-weight: 200;
	font-style: normal;
   line-height: 0.5;	
}
@media (max-width: 768px) {
  .services {
    font-family: "darkmode-on", sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 15pt;
  }
}
.ref{
	margin-top:120px;
}
.references{
    font-family: "darkmode-on", sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 19pt;
	
    	
}
@media (max-width: 768px) {
  .references {
    font-family: "darkmode-on", sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 19pt;
  }
}
.titreref{
	font-size:35pt;
	font-family: Nimbus Sans L 400, sans-serif;
	color:#808080;
}
@media (max-width: 768px) {
  .titreref {
    font-family: Nimbus Sans L 400, sans-serif;
	color:#808080;
	font-size: 35pt;
  }
} 

.clients{
	 
	  font-size:35pt;
	font-family: Nimbus Sans L 400, sans-serif;
	margin-top:130px;
	color:#808080;
 }

@media (max-width: 768px) {
  .clients {
    font-family: Nimbus Sans L 400, sans-serif;
	font-size: 35pt;
	color:#808080;
  }
} 
.contact{
	font-family: "Montserrat", serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-size: 13.14pt;
	line-height: 1.0;
	margin-top:130px;
	
}@media (max-width: 768px) {
  .contact {
    font-family: "Montserrat", serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-size: 13.14pt;
	line-height: 1.0;
	margin-top:130px;
  }
} 
footer {
	height: 120px; /* Définit une hauteur fixe */
    /* Ou utilisez plutôt du padding pour une hauteur adaptable : */
    padding: 30px 0; /* Ajoute de l'espace vertical */
    font-size: 13.14pt;
	margin-top:130px;
	background-color:#adadad;

}