#services-container{
    margin-top: var(--default-header-margin);
    min-height: calc(100vh - var(--default-header-margin));
}

#services-main-container{
    display: grid;
    grid-template-columns: repeat(auto-fit, 500px);
    justify-content: space-evenly;
    align-items: flex-start;
}

.service{
    border-radius: var(--default-border-radius);
}
.service-title{
    border-bottom: 3px solid var(--site-secondary);
}

.image-cover{
    transform: translate(-50%, -50%);
    top: 150%;
    left: 50%;
}

@media screen and (min-width: 380px) and (max-width: 480px) {
    #services-main-container{
        grid-template-columns: repeat(auto-fit, 380px);
    }
    .service-title{
        font-size: 15px !important;
    }
    .image-cover{

    }
}

@media screen and (min-width: 0px) and (max-width: 380px) {
    #services-main-container{
        grid-template-columns: repeat(auto-fit, 355px);
    }

    .service-title{
        font-size: 14px !important;
    }
    .image-cover{
        font-size: 16px !important;
    }
}