.obra-container {
    display: grid;
    grid-template-columns: repeat(3, fit-content(25vw));
    grid-template-rows: repeat(2, fit-content(25vh));
    gap: 2em;
    object-fit: cover;
    margin: 0% 0% 0% 0%;
    justify-content: space-between;
    padding: 5% 5%;
}

h1 {
    display: flex;
    justify-content: center;
}

.sara-text-img-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #ededed;
    margin: 1% 0%;
    padding: 2% 5%;
}

.sara-text-img-container img {
    width: 30%;
    padding: 0% 4%;
    object-fit: contain;
}

.text-article {
    display: flex;
    flex-direction: column;
    padding: 0%;
    width: 100%;
}

.actividades {
    margin: 0% 10%;
}



p {
    font-size: 1.4em;
}

.obra-container > card {
    display: flex;
    justify-content: center;
    align-items: center;
    /*max-width: 20vw;*/

}

.card {
    /*box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;*/
    transition: opacity 0.2s ease-in-out,transform 0.2s ease-in-out;
    opacity: 1;
    transform: scale(.9);
    align-self: center;
    /*justify-self: center;*/
}

.card > img {
    margin: 0% 0% 0% 0%;
    max-width: 100%;
    max-height: 100%;
    transition-duration: 1.4s;
}

.card > img:hover {
    transition: transform;
    transform: scale(1.3);
    transition-duration: 1.4s;
}


.main_text_container p {
    font-size: 1.2rem;
}

.sara-text-container {
    display: flex;
    flex-flow: column;
    width: 100%;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 5% 0%;
    background-color: #ededed;
}

.sara-text-container > p {
    justify-self: center;
    width: 60%;
    padding: 3% 0%;
}

.contact_sara {
    display: flex;
    justify-content: center;
    margin: 5% 0%;
}

.contact_sara > img {
    height: 50px;
    width: 50px;
}

.contact_sara:hover a {
    transition-duration: 0.15s;
    background-color: rgb(247, 168, 100);
}

.contact_sara > a  {
    font-size: 1.6em;
    color: black;
    text-decoration: none;
    align-self: center;
    margin-left: 10px;
}

.contact_sara > a:visited {
    color: black;
}

.contact-blog {
    display: flex;
}

.contact-blog > img {
    height: 50px;
    width: 50px;
}

.contact-blog > a  {
    font-size: 1.3em;
    color: black;
    text-decoration: none;
    align-self: center;
}

.contact-blog > a:hover  {
    transition-duration: 0.15s;
    background-color: rgb(247, 168, 100);
}


.contact-blog > a:visited {
    color: black;
}

@media (max-width: 800px) {
    .sara-text-img-container {
        flex-direction: column;
    }

    .text-article {
        padding: 0%;
    }

    .sara-text-img-container img {
        width: 70%;
        padding: 5%;
        object-fit: contain;
    }

    .obra-container {
        display: grid;
        grid-template-columns: repeat(1, fit-content(80vw));
        gap: 2em;
        object-fit: cover;
        margin: 0;
        justify-content: center;
        padding: 2%;
    }

    p {
        font-size: 1em;
        margin: 0% 5%;
    }

    .card > img:hover {
        transition: none;
        transform: none;
    }

    .contact-blog {
        align-self: center;
    }

    .contact-blog a {
        font-size: 0.8em;
    }

    .contact-blog > img {
        height: 25px;
        width: 25px;
    }

}