@media only  screen and (min-device-width: 10px) and (max-width: 530px) {
    .gallery {
        width: 48.5%;
    }
    .galerie {
        margin: 0.3% 1% 0.3% 0.3%;
        width: 48.5%;
    }
    .obrazek {
        height: 26vh;
    }
    .gallery-vyska {
        width: 48.5%;
    }

    .gallery-vyska img {
        margin: 0 0 0 2px ;
        width: 100%;
    }
    .volne-misto {
        margin: 0px 0 10px auto;
        height: 6px;
        /* background-color: #f51111; */
    }
    
    .volne-misto-up {
        height: 55px;
    }
    .logo h4 {
        font-size: 12px;
    }

    .kure {
        letter-spacing: 3.2px;
    }
    .nadpis {
        font-size: 12px;
    }

    header {
        height: 7vh;
    }

    
    header nav {
        height: 3.5vh;
    }
    main .desc {
        font-size: 12px;
    }
    header nav a li {
        font-size: 14px;
    }

    h2 {
        display : none;
    }
    h3 {
        display : none;
    }
    
}

@media only  screen and (min-device-width: 531px) and (max-width: 600px) {

    .gallery {
        width: 23%;
    }    
    .galerie {
        margin: 0.3% 3.6% 0.3% 0.3%;
    }
    .obrazek {
        height: 30vh;
    }
    .gallery-vyska {
        width: 23%;
        margin: 0.3%;
    }

    .gallery-vyska img {
        margin: 0 0 0 0.3%;
        width: 100%;
    }

    header {
        height: 7vh;
    }
    header nav {
        height: 3.5vh;
    }

    main {
        height: 7vh;
    }

    main .desc {
        font-size: 12px;
    }
}
@media only  screen and (min-device-width: 601px) and (max-width: 768px) {
    .gallery-vyska {
        width: 23.7%;
        margin: 0.3%;
        
    }

    .gallery-vyska img {
        margin: 0 0 0 0.3% ;
        width: 100%;
    }
    .obrazek {
        height: 30vh;
    }
    main .desc {
        font-size: 12px;
    }

    main {
        height: 7vh;
    }
}
@media only  screen and (min-device-width: 769px) and (max-width: 1024px) {
    .gallery {
        width: 23.95%;
    }
    .obrazek {
        height: 40vh;
    }

    .gallery-vyska {
        width: 23.9%;
    }

    .gallery-vyska img {
        margin: 0 0 0 0.2% ;
        width: 100%;
    }
    main {
        height: 10vh;
    }
}

@media only  screen and (min-device-width: 1025px) and (max-width: 1200px) {
    .gallery {
        width: 24.1%;
    }

    .gallery-vyska {
        width: 23.9%;
    }

    .gallery-vyska img {
        margin: 0 0 0 0.2% ;
        width: 100%;
    }
    .obrazek {
            height: 40vh;
    }

    main {
        height: 10vh;
    }
}
@media only  screen and (min-device-width: 1201px) and (max-width: 1440px) {

    .gallery {
        width: 24.1%;
    }

    .gallery-vyska {
        width: 23.9%;
    }

    .gallery-vyska img {
        margin: 0 0 0 0.2% ;
        width: 100%;
    }
    .obrazek {
        height: 40vh;
}
main {
    height: 8vh;
}

}
@media only  screen and (min-device-width: 1441px) and (max-width: 3000px) {

    .gallery {
        width: 24.1%;
        
    }

    .gallery-vyska {
        width: 23.9%;
    }

    .gallery-vyska img {
        margin: 0 0 0 0.2% ;
        width: 100%;
    }
        
    .obrazek {
        height: 45vh;
    }
    
    .logo h3 {
        font-size: 25px;
    }
    main {
        height: 10vh;
    }
    /*main .desc {
        font-size: 14px;
        height: 10vh;
    }*/

    header {
        height: 75px;
    }
    header nav a li {
        font-size: 16px;
    }
}