h3{
text-align:center;
margin-top:25px;}

.services{
width:1217px !important;
background:#B7CAD8;
margin-left:150px !important;
margin-right:150px !important;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}

.servicesname {
  font-family:Playfair Display;
    font-weight:700;
    font-size:25px;}

.description{
 font-family:Playfair Display;
 font-size:20px;
 margin-top:-10px;
}

.nameTrainer{
 font-family:Playfair Display;
 font-size:18px;
 margin-top:-15px;
}

@media (max-width:768px){
    .services{
    width:646px !important;
    margin-left:81px !important;
    }
}

@media (max-width:430px){
    .services{
    width:360px !important;
    margin-left:54px !important;
    grid-template-columns: 1fr;
    }

    h3{
    font-size:20px !important;
    margin-left: 31px;
    font-weight:700;
    }

}

@media (max-width:380px){
    .services{
    width:285px !important;
    height:auto;
    margin-left:59px !important;
    }
    h3{
    font-size:18px !important;}
}

@media (max-width:320px){
    .services{
    width:287px !important;
    margin-left:24px !important;
    grid-template-columns: 1fr;
    }

    .servicesname{
    font-size:20px;
    }

    .description{
    font-size:17px;
    }
}