home-container {
    display:block;
}

home-content {
    width:100%;
    max-width:900px;
    padding:1.5em;
    margin:auto;
    box-sizing:border-box;
    display:block;
}

home-title {
    display:block;
    color:black;
    font-size:2.5em;
    margin:auto;
    text-align:center;
    font-weight:bold;
    padding:1em;
}

home-banner {

    box-sizing:border-box;
    color:black;
    padding:1em;
    display:block;
    font-size:2em;
    font-weight:bold;
    text-align:center;
}

home-grid {
    display:grid;
    width:100%;
    grid-template-columns:1fr 1fr;
    gap:1em;
    
}

home-card {
display:block;
    background-color:salmon;

    box-sizing:border-box;
    width:100%;
padding:2em;
text-align:center;
}

home-card a {
    text-decoration:none;
    color:white;
    font-size:1.5em;
    border-bottom:1px solid transparent;
}

home-card a:hover {
    border-bottom:1px solid white;
}


home-card img {
    width:5em;
    height:5em;
}



home-about {
        margin-top:5em;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1em
    
}

home-text {
display:block;
font-size:1.5em;
box-sizing:border-box;
}

home-text p {
    font-weight:bold;
    margin:0 0 3em 0;
    color:#55B;
}

home-text a {
    text-decoration:none;
    color:#55B;
    padding:1em;
    border:2px solid #55B;
    text-align:center;
    margin-left:4em;
}

home-text a:hover {
    color:white;
    background-color:#55B;
}

home-image {


    background-image:url('https://sgdyslexiamallorca.com/images/sofia.jpg');
    background-size:cover;
    background-position:center;
}


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