html{
    line-height: 1.4;
}
#services{
    width: 100%;
    height: auto;
    padding: 10px;
    color: black;
    /* background-color: #4719b3; */
    
    
}
#services h1{
    display: flex;
    justify-content: center;
    color: #000000;
}

.containerA{
margin-bottom: 10px ;
      display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 40px;
}


.containerA .service{

    border-radius: 10px;
    position: relative;
    overflow: hidden;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
    padding: 1.5rem;
}

.containerA .service img{
    width: 50px;

}
.containerA .service .img{
    text-align: center;

}


.containerA .service p{
    font-size: 15px;
    margin: 10px;
    text-align: justify;
}
.containerA .service h3{
text-align: center;
color: #1DAAE2;
}
.services p{
    font-size: 15px;
    margin: 10px;
    text-align: justify;
}

/* Responsive */


@media screen and (max-width: 750px){
/* #services h1{
    font-size: 15px;
    } */
/* .containerA{
    display: flex;
    flex-direction: column;
} */
    .containerA .service{
        min-width: 50%;
        height: auto;
    } 

.containerA .service img{
    width: 35px;
    
}
.containerA .service .img img{
    width: 30px;
    text-align: center;
}
/* .containerA .service p{
    font-size: 12px;
    background-color: red;
} */
/* #services p{
    font-size: 12px;
    background-color: #080202;
} */
    }

    /* essai */

    @media (max-width: 768px) {
  h1 { font-size: 2rem; }   ;
  h2 { font-size: 1.75rem; };
  h3 { font-size: 1.5rem; } ;
  h4 { font-size: 1.25rem; };
  p  { font-size: 0.95rem; };
}

/* Mobiles (≤ 480px) */
@media (max-width: 480px) {
  h1 { font-size: 1.75rem; };
  h2 { font-size: 1.5rem; } ;
  h3 { font-size: 1.25rem; };
  h4 { font-size: 1.1rem; } ;
  p  { font-size: 0.9rem; } ;
}