/* Styles for services container */
.dd-services {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr;
}
.dd-services a {
    margin-top: 15px;
    display: block;
}

/* Set up grid for screens above 768px */
@media only screen and (min-width: 768px) {
    .dd-services {
        grid-template-columns: repeat(3, 1fr);
    }
    .dd-services.dd-services-columns-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .dd-services.dd-services-columns-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Set up grid for screens between 480px and 767px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .dd-services {
        grid-template-columns: repeat(2, 1fr);
    }
}