#catalog-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Nagy kijelzőn 3 oszlop */
    gap: 30px; /* Nagy kijelzőn 20px térköz */
}

.catalog {
    box-sizing: border-box;
}

.catalog img {
    width: 100%;
    height: auto;
}

.catalog-title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 14px 0 8px 0px;
}

@media (max-width: 1200px) {
    .catalog-title {
        font-size: 16px;
        padding: 10px 0 5px 0px;
    }
}

@media (max-width: 768px) {
    #catalog-container {
        grid-template-columns: repeat(2, 1fr); /* Közepes kijelzőn 2 oszlop */
        gap: 15px; /* Közepes kijelzőn 15px térköz */
    }

    .catalog-title {
        padding: 5px 0 3px 0px;
    }
}

@media (max-width: 480px) {
    #catalog-container {
        grid-template-columns: 1fr; /* Kis kijelzőn 1 oszlop */
        gap: 10px; /* Kis kijelzőn 10px térköz */
    }
}