.services.catalog {
    padding-top: 80px;
    
    & .item {
        display: flex;
        min-height: 300px;
        background-color: var(--breeze);
        padding: 25px 25px 25px 25px;
        overflow: clip;
        transition: all .5s ease;

        &:hover {
            transform: scale(1.05);
        }

        & .short_desc {
            color: var(--darkgray);
            padding-right: 100px; 
        }
    }

    & div:nth-child(2) .item {
        color: var(--white) !important;
        background-color: var(--midnight);

        & .short_desc {
            color: var(--white);
        }
    }

    & div:nth-child(5) .item {
        background-color: var(--lightgold);
    }
}

@media screen and (max-width: 1200px) {
    .services.catalog {
        & .item {
            min-height: 250px;
            padding: 25px;

            & .short_desc {
                padding-right: 0px; 
            }
        }
    }
}

@media screen and (max-width: 600px) {
    .services.catalog {
        padding: 0 20px;
    }
}