.categories {
    grid-gap: 10px;
}
.categories a {
    text-align: center;
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    color:#0341D2 ;
}

.categories strong {
    display: block;
    padding: 10px 0px;
}


@media (max-width: 740px) {
    .categories {
        grid-template-columns: 1fr 1fr;
    }

    .categories img {
        width: 250px;
        height: 150px;
    }
}

@media (min-width: 741px) {
    .categories {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .categories img {
        width: 350px;
        height: 200px;
    }
}

@media (min-width: 992px) {}