/* Pre veľké obrazovky (nad 1500px) */
@media screen and (min-width: 1501px) {
    .content-section {
        zoom: 0.85;
    }
    
    .header,
    .nav-container {
        zoom: 0.90;
    }
}

/* Pre stredne veľké obrazovky (notebooky) */
@media screen and (max-width: 1500px) {
    .content-section {
        zoom: 0.75;
    }
    
    .header,
    .nav-container {
        zoom: 0.8;
    }
}

/* Pre menšie notebooky */
@media screen and (max-width: 1366px) {
    .content-section {
        zoom: 0.85;
    }
    
    .header,
    .nav-container {
        zoom: 0.9;
    }
}

/* Pre malé notebooky a veľké tablety */
@media screen and (max-width: 1280px) {
    .content-section {
        zoom: 0.7;
    }
    
    .header,
    .nav-container {
        zoom: 0.8;
    }
}

/* Pre tablety v landscape režime */
@media screen and (max-width: 1024px) {
    .content-section {
        zoom: 0.7;
    }
    
    .header,
    .nav-container {
        zoom: 0.85;
    }
}

/* Pre tablety v portrait režime */
@media screen and (max-width: 768px) {
    .content-section {
        zoom: 1; /* Späť na normálnu veľkosť */
    }
    
    .header,
    .nav-container {
        zoom: 1; /* Späť na normálnu veľkosť */
    }
}

/* Pre mobilné telefóny */
@media screen and (max-width: 480px) {
    .content-section {
        zoom: 1;
    }
    
    .header,
    .nav-container {
        zoom: 1;
    }
}