services-container {
display:block;
font-size:1em;
}

services-age, services-duration, services-location, services-cost {
    display:block;
    width:3em;
    height:3em;
    background-size:cover;    
}






services-location {
    background-image:url("https://sgdyslexiamallorca.com/svg/location.svg");
}

services-age {
    background-image:url("https://sgdyslexiamallorca.com/svg/age.svg");
}

services-duration {
    background-image:url("https://sgdyslexiamallorca.com/svg/duration.svg");
}

services-cost {
    background-image:url("https://sgdyslexiamallorca.com/svg/cost.svg");
}


services-details p {
    margin-top:0;
    margin-bottom:2em;
}

services-details a {
    text-decoration:none;
    color:white;
    border-bottom:1px dotted white;
}

services-details {
    display:block;
    background-color:silver;
    width:100%;
    max-width:1000px;
    padding:1em;
    color:white;
    margin:auto;
    margin-bottom:6em;
    margin-top:2em; 
    box-sizing:border-box;
}

services-details div{
font-size:1.3em;
}

services-grid {
    display:grid;
    grid-template-columns:auto 1fr;
    gap:1em;
    align-items:center;
}

services-banner {
    background-color:salmon;
    color:white;
    font-size:2.25em;
    padding:0.5em;
   text-align:center;
    display:block;
    margin-bottom:1em;
}




services-text {
    box-sizing:border-box;
    margin:auto;
    display:block;
    font-size:1.5em;
    max-width:1000px;
    width:100%;
    padding:1em;
}


services-text img {
    width:40%;
    float:left;
    margin-right:1em;
    margin-bottom:1em;
}

services-text p {
    margin-top:0;
}

services-text li {
     list-style-position: outside;
     margin-left:1em;
}

services-separator {
    display:block;
    margin-bottom:1em;
    height:1em;
    background-color:yellow;
}

@media only screen and (max-width: 1200px) {services-container {font-size:0.95em;}}
@media only screen and (max-width: 1100px) {services-container {font-size:0.90em;}}
@media only screen and (max-width: 1000px) {services-container {font-size:0.85em;}}
@media only screen and (max-width: 900px) {services-container {font-size:0.80em;}}
@media only screen and (max-width: 800px) {services-container {font-size:0.75em;}}
@media only screen and (max-width: 700px) {services-container {font-size:0.70em;}}
@media only screen and (max-width: 600px) {services-container {font-size:0.65em;}}