SECTION .VZ-BLOK
{
     display: inline-block;
     padding: 25px;
}

SECTION .VZ-BLOK .VZ-BG
{
     background-color: var(--diff1-bg);
     overflow: hidden;
     width: 100%;
}

SECTION .VZ-BLOK .VZ-BG .VZ
{
     background-color: inherit;
}

SECTION .VZ-BLOK .VZ-BG .VZ .VZ-OBSAH
{
     z-index: 100;
     padding: 25px;
     position: relative;
}

SECTION .VZ-BLOK .VZ-BG .VZ .VZ-OBSAH H2
{
     padding: .5vw 0 2vw 0;
     font-size: var(--fs-l);
}

SECTION .VZ-BLOK .VZ-BG:hover .VZ .VZ-OBSAH H2
{
     box-shadow: inset 0 -5px 0 var(--diff2-bg);
}

SECTION .VZ-BLOK .VZ-BG .VZ .VZ-OBSAH P
{
     padding: 2vw 0;
     font-size: var(--fs-m);
     text-align: justify;
     line-height: 1.2;
}

SECTION .VZ-BLOK .VZ-BG .VZ .VZ-PODPIS
{
     position: absolute;
     padding: 20px 25px;
     z-index: 200;
     width: 100%;
     top: 85%;
     height: 15%;
     background-color: var(--diff2-bg);
}

@media (min-width: 1200px) {

     SECTION .VZ-BLOK
     {
          width: 33.3%;
          height: 33.3vw;
     }

     SECTION .VZ-BLOK .VZ-BG
     {
          height: 29.3vw;
     }

     SECTION .VZ-BLOK .VZ-BG .VZ .VZ-OBSAH
     {
          height: 29.3vw;
     }

}

@media (min-width: 800px) and (max-width: 1199px){

     SECTION .VZ-BLOK
     {
          width: 50%;
          height: 50vw;
     }

     SECTION .VZ-BLOK .VZ-BG
     {
          height: 46vw;
     }

     SECTION .VZ-BLOK .VZ-BG .VZ .VZ-OBSAH
     {
          height: 46vw;
     }

}

@media (max-width: 799px) {

     SECTION .VZ-BLOK
     {
          width: 100%;
          height: 100vw;
     }

     SECTION .VZ-BLOK .VZ-BG
     {
          height: 96vw;
     }

     SECTION .VZ-BLOK .VZ-BG .VZ .VZ-OBSAH
     {
          height: 100vw;
     }

}