@media screen and (max-width: 1024px) {
    body {
        font-size: 15px; /* Mniejsze font-size dla tabletów */
        /* transform: scale(0.95); /* Skalowanie o 95% */
        width: 100%;
    }
}

/* Styl dla tabletów */
@media screen and (max-width: 768px) {
    body{
        width: 100%;
        display: block;         
        padding: 0;
        margin: 0
    }
    main{
        display: block;
        width: 100%;
/*         padding: 0;
        margin: 0  */
        }
        .article{
            width: 100%;
            display: block;            
        } 
        .sidebar {
/*             margin: 0;
            padding: 0;
            gap: 0 */
        }  
        .sidebar img{
            width: 90%;    
            height: auto;
        }          
        footer, header{
            /* display: none */
        }  
        #header-na-skroty, header{
            display: none 
        }  
        footer{
            flex-direction: column;
            grid-template-columns: 1fr;
            grid-template-rows: auto;
            grid-template-areas: 
            "video"
            "d1";
        }  
        footer > #d2, footer #d3{
            display: none;
        }
        footer > div{
          /*   padding: 0; */
        }
          nav {
            position: relative;
            background-color: rgba(0,0,0,0.8);
        }
        #wcag-icon{
            display: none;
            z-index: 1
        }
        #wcag-menu{
            display: none
        }        
        .gallery-body{
            width: 100%
        }

        .menu-item a {
            padding: 0 5px
        }     
        .main-links {
            padding: 0
        }           
        #snowModal{/* życzenia */
            display: none !important;
        }
        #content{
            display: block !important;
        }        
    }                              

/* Stylizacja dla smartfonów */
@media screen and (max-width: 480px) {

    main{
        display: block;
        width: 100%;
/*         padding: 0;
        margin: 0  */       
    }
    .article{
        width: 100%;
        display: block;         
/*         padding: 0;
        margin: 0 */
    }
    .sidebar {
 /*        margin: 0;
        padding: 0;
        gap: 0 */
    }
    .sidebar img{
        width: 90%;    
        height: auto;
    }
    #header-na-skroty, header{
        display: none 
    }

    footer{
        flex-direction: column;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas: 
        "video"
        "d1";
    }  
    footer > #d2, footer #d3{
        display: none;
       /*  padding: 0 */
    }  
    footer > div{
        padding: 0;
    }

    nav {
        position: relative;
        background-color: rgba(0,0,0,0.8);
    }
    #wcag-icon{
        display: none;
        z-index: 1
    }
    #wcag-menu{
        display: none
    }
    .gallery-body{
        width: 100%
    }
    .menu-item a {
        padding: 0 5px
    }
    .main-links {
        padding: 0
    }
    #snowModal{/* życzenia */
        display: none !important;
    }    
    #content{
        display: block !important;
    }
}