.services-container-body {
    align-items: flex-start;
}

.services-container-body-element {
    width: 22%;
}

.services-container-body-element-footer {
    align-items: center;
    margin-top: 60px;
    width: 100%;
}

.services-container-body-element-footer p {
    font-weight: bold;
}

/* small */
@media screen and (max-width: 768px) {

    .services-container-body {
        gap: 42px;
    }

    .services-container-body-element {
        flex-flow: column wrap;
        width: 100%;
    }

    .services-container-body-element img {
        width: 100%;
    }

    .services-container-body-element-content {
        width: 100%;
    }

}

/* medium */
@media screen and (min-width: 769px) and (max-width: 1024px) {

    .services-container-body {
        gap: 42px;
    }
    
    .services-container-body-element {
        flex-flow: row wrap;
        gap: 42px;
        width: 100%;
    }

    .services-container-body-element img {
        width: 22%;
    }

    .services-container-body-element-content {
        width: 68%;
    }

}

/* large */
@media screen and (min-width: 1024px) {
    /* same behaviour as main */
}