@font-face {
    font-family: Humanist; /* deklarace fontu */
    src: url("font/Humanist777AT.TTF"); /* propojení na umístění souboru */
}
@font-face {
    font-family: HumanistLight; /* deklarace fontu */
    src: url("font/Humanist777LtAT.TTF"); /* propojení na umístění souboru */
}

@font-face {
    font-family: HumanistBold; /* deklarace fontu */
    src: url("Hfont/umanist777BlkAT.TTF"); /* propojení na umístění souboru */
}

@font-face {
    font-family: Subpear; /* deklarace fontu */
    src: url("font/subpear.TTF"); /* propojení na umístění souboru */
}

@font-face {
    font-family: 'opensans-regular';
    src: url('font/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'comic-regular';
    src: url('font/comici.ttf');
}







@media (max-width: 1950px) and (min-width: 781px){
     img{
        max-width: 100%;
        height: auto;
     }
        
        body{
        margin: 0px;
        padding: 0px;
        font-size: 1vw;
        font-family: "opensans-regular"; 
    color: #000;
    background: url('img/bg.png')  repeat top center; color: #fff;
    }
    
    a {
        color: #6da2bc;
    }
    
    .stred {
        margin: 0 auto 0 auto;
        width: 72%;
        min-height: 15vw;
        background-color: #fff;
        overflow: auto;
            
    }
    
    
    .top {
        margin: auto;
        height: 7.5vw;
        background-color: #fff;
    }
    .logo {
        float: left;
        margin: 1vw 0 0 1vw;
        max-width: 30%;
    }
    
    .pravalogo {
        text-align: right;
        float: left;
        margin: 2vw 0 0 0;
        width: 45%;
       font-family: comic-regular;
       color:#000;
    }
    
    .regionalniprodukt {
        float: right;
        width: 11%;
        margin: 0.5vw 2vw 0 0 ;
    }
    
    
    .menu {
         text-align: center;
      margin: -1vw auto 0 auto;
      height: 2.25vw;
       background-color: #00ADB0;
       font-size: 1.25vw;
    }
    
    a {
        color: #fff;
        text-decoration: none;
        
    }
    
    .menu p{
     padding-top: 0.35vw;  
    color: #fff;
     letter-spacing: 0.15vw;
    }
    
    .podmenu {
        margin: 0 auto 0 auto;
        max-height: 20vw;
        overflow: hidden;
    }
    
    .hlaska {
        margin: auto;
        min-height: 5vw;
        text-align: center;
    }
          
    .piskovacka {
        margin: -1vw auto 0 auto;
        min-height: 15vw;
        overflow: auto;
    }
    
    .obchod-formular {
        color: #000;
    }
    
     h1 {
         text-decoration: underline;
         text-align: center;
        margin-top: 2vw;
          margin-left: 2.5%;
          font-family: "Subpear";
            font-size: 3.6vw;
            color: #00ADB0;
            font-weight: normal;
            line-height: 4vw;
            margin-bottom: 0.5vw;
    }
    
    p{
        color: #000;
        margin-top: 0vw;
        margin-left: 1vw;
        max-width: 95%;
        line-height: 1.5vw;
        font-family: "opensans-regular"; 
    }
    
    .piskovacka img{
 
    }
    
    .piskovacka-leva {
        margin-top: 1vw;
        float: left;
        width: 50%;
    }
    
    .piskovacka-prava{
        margin-top: 2vw;
        float: left;
        width: 50%;
        background-color: #fff;
    }
    
     .faq-leva {
        margin-top: 1vw;
        float: left;
        width: 50%;
    }
    
    .faq-prava{
        margin-top: 1vw;
        float: left;
        width: 50%;
        background-color: #fff;
    }
    
    
    
     iframe {
        height: 350px;
    }
    
    
    .galerie {
           margin: -1vw auto 0 auto;
         min-height: 15vw;
        overflow: auto;
    }
    
    .galerie img {
        width: 18%;
        margin: 0.2vw 0.25% 0.2vw 0.25%;
    }
    
    
    .originalnisklenicka {
        margin: -1vw auto 0 auto;
        min-height: 15vw;
        overflow: auto;
    }
    
    .originalnisklenickaleva {
        margin-top: 1vw;
        float: left;
        width: 70%;
        height: 15vw;
    }
    
    .originalnisklenickaleva p {
  margin: 3vw auto 0 auto; 
  width: 50%;

}
    
    .originalnisklenickaprava{
        margin-top: 1vw;
        float: left;
        width: 30%;
        background-color: #fff;
    }
    
    .originalnisklenickaprava img {
        height: 20vw;
    }
    
    
    .napiste {
         margin: -1vw auto 0 auto;
        min-height: 15vw;
        overflow: auto;
        color: #000;
        width: 80%;
        margin: auto;
    }
    
    
    .formular-leva {
        margin-left: 1vw;
        float: left;
        width: 60%;
    }
    
    
    .formular-prava {
        float: left;
        width: 35%;
    }
    
    input {
    float: left;
    border: none;
    border-bottom: solid #6da2bc; 
    height: 3vw;
    border-width: 0.15vw;
    font-size: 0.85vw;
    text-align: left;
    padding-left: 1vw;
        margin-top: -0.5vw;
        width: 95%;
}

input[type=submit] {
    background-color: #00ADB0;
    text-align: center;
    font-weight: bold;
     width: 50%;
    color: #fff;
    letter-spacing: 0.15vw;
    margin-left: 20%;
} 

input[type=button] {
    background-color: #00ADB0;
    text-align: center;
    font-weight: bold;
    width: 8.5vw;
    color: #fff;
    letter-spacing: 0.15vw;
    margin-left: 20%;
} 

input[type=edit] {
    background-color: #6da2bc;
    border-radius: 0.5vw;
    width: 4vw;
    color: #000;
} 

input[type=delete] {
    background-color: #c83939;
    border-radius: 0.5vw;
    width: 14vw;
    color: #000;
} 

textarea {
    border: none;
    border-bottom: solid #6da2bc; 
    height: 6vw;
    border-width: 0.15vw;
    font-size: 0.85vw;
    width: 88%;
    text-align: left;
    padding-left: 1vw;
    font-family: "opensans-regular"; 
}

.pole {
    width: 20%;
    float: left;
    font-size: 1vw;
    padding-top: 0.75vw;
}

.pole-k-vyplneni {
    width: 70%;
    float: left;
     margin-top: 0.75vw;
     font-size: 1.5vw;
}


    
    .eshop {
         margin: -1vw auto 0 auto;
        min-height: 15vw;
        overflow: auto;
    }
    
    .faq {
         margin: -1vw auto 0 auto;
        min-height: 15vw;
        overflow: auto;
    }
    
    .eshop-polozka{
        padding: 0 1vw 1vw 1vw;
        margin-left: 1%;
        margin-top: 1vw;
        width: 28.5%;
        float: left;
        border: solid;
        border-radius: 5px;
        background-color: #EEE;
    }
    
    .kosik-polozka{
        padding: 0 1vw 1vw 1vw;
        margin-left: 1%;
        width: 95%;
        float: left;
        border: solid #fff;
        border-radius: 5px;
        background-color: #EEE;
    }
    
    .kosik-foto {
        float: left;
        width: 30%;
        margin: 1vw;
    }
    
    .kosik-text {
        float: left;
        width: 60%;
    }
    
    .eshop-polozka p{
        margin-left: 0vw;
        font-size: 0.8vw;
    }
    
    .dodani {
        width: 70%;
        float: left;
        margin-top: 0.8vw
    }
    
    .cena{
        width: 30%;
        float: left;
        margin-top: 0.5vw
    }
    
    .cena strong {
        font-size: 1.5vw;
        color: #00ADB0;
    }
    
    .objednat input[type=submit] {
    background-color: #00ADB0;
    text-align: center;
    font-weight: bold;
    width: 50%;
    color: #fff;
    letter-spacing: 0.15vw;
    margin-left: 23%;
} 
    
    
    .bottom {
         margin: -1vw auto 0 auto;
        min-height: 4vw;
        overflow: auto;
        background-color: #00ADB0;
        text-align: center;
        padding-top: 0.25vw;
    }
    
    .bottom p{
        color: #fff;
    }
    
    .bottom #text {
       font-family: 'comic-regular';
       font-size: 1.25vw;
    }
   
    
    .bottom img{
        margin: 0 0.5vw 0 2vw;
        height: 1.5vw;
        width: 1.5vw;
        position: relative;
        top: 0.35vw;
    }
    
    .kraj {
        margin: 1vw auto 1vw auto;
        min-height: 4vw;
        overflow: auto;
        width: 40%;
        text-align: center;
        padding-top: 0.25vw;
    }
    .kraj-logo{
        float: left;
        width: 30%;
    }
    
    .kraj-text {
        float: left;
        width: 60%;
    }
    
    h3 {
        line-height: 0.25vw
    }
    
    h2 {
        color: #00ADB0;
    }
  




}  

@media (max-width: 5000px) and (min-width: 1951px){
          img{
        max-width: 100%;
        height: auto;
     }
        
        body{
        margin: 0px;
        padding: 0px;
        font-size: 0.8vw;
        font-family: "opensans-regular"; 
    color: #000;
    background: url('img/bg.png')  repeat top center; color: #fff;
    }
    
    a {
        color: #6da2bc;
    }
    
    .stred {
        margin: 0 auto 0 auto;
        width: 72%;
        min-height: 15vw;
        background-color: #fff;
        overflow: auto;
            
    }
    
    
    .top {
        margin: auto;
        height: 7.5vw;
        background-color: #fff;
    }
    .logo {
        float: left;
        margin: 1vw 0 0 1vw;
        max-width: 30%;
    }
    
    .pravalogo {
        text-align: right;
        float: left;
        margin: 2vw 0 0 0;
        width: 45%;
       font-family: comic-regular;
       color:#000;
    }
    
    .regionalniprodukt {
        float: right;
        width: 11%;
        margin: 0.5vw 2vw 0 0 ;
    }
    
    
    .menu {
         text-align: center;
      margin: -1vw auto 0 auto;
      height: 2.25vw;
       background-color: #00ADB0;
       font-size: 1.25vw;
    }
    
    a {
        color: #fff;
        text-decoration: none;
        
    }
    
    .menu p{
     padding-top: 0.35vw;  
    color: #fff;
     letter-spacing: 0.15vw;
    }
    
    .podmenu {
        margin: 0 auto 0 auto;
        max-height: 20vw;
        overflow: hidden;
    }
    
    .hlaska {
        margin: auto;
        min-height: 5vw;
        text-align: center;
    }
          
    .piskovacka {
        margin: -1vw auto 0 auto;
        min-height: 15vw;
        overflow: auto;
    }
    
    .obchod-formular {
        color: #000;
    }
    
    .eshop img {
        margin: 0 20% 0 20%;
        width: 60%;
    }
    
     h1 {
         text-decoration: underline;
         text-align: center;
        margin-top: 1vw;
          margin-left: 2.5%;
          font-family: "Subpear";
            font-size: 2.5vw;
            color: #00ADB0;
            font-weight: normal;
            line-height: 4vw;
            margin-bottom: 0.5vw;
    }
    
    p{
        color: #000;
        margin-top: 0vw;
        margin-left: 1vw;
        max-width: 95%;
        line-height: 1.5vw;
        font-family: "opensans-regular"; 
    }
    
    .piskovacka img{
 
    }
    
    .piskovacka-leva {
        margin-top: 1vw;
        float: left;
        width: 40%;
    }
    
    .piskovacka-prava{
        margin-top: 2vw;
        float: left;
        width: 60%;
        background-color: #fff;
    }
    
    .faq-leva {
        margin-top: 1vw;
        float: left;
        width: 45%;
    }
    
    .faq-prava{
        margin-top: 1vw;
        float: left;
        width: 45%;
        margin-left: 5%;
        background-color: #fff;
    }
    
    iframe {
        height: 550px;
    }
    
    .galerie {
           margin: -1vw auto 0 auto;
         min-height: 15vw;
        overflow: auto;
    }
    
    .galerie img {
        width: 12.9%;
        margin: 0.2vw 0.25% 0.2vw 0.25%;
    }
    
    
    .originalnisklenicka {
        margin: -1vw auto 0 auto;
        min-height: 15vw;
        overflow: auto;
    }
    
    .originalnisklenickaleva {
        margin-top: 1vw;
        float: left;
        width: 70%;
        height: 15vw;
    }
    
    .originalnisklenickaleva p {
  margin: 3vw auto 0 auto; 
  width: 50%;

}
    
    .originalnisklenickaprava{
        margin-top: 1vw;
        float: left;
        width: 30%;
        background-color: #fff;
    }
    
    .originalnisklenickaprava img {
        height: 20vw;
    }
    
    
    .napiste {
         margin: -1vw auto 0 auto;
        min-height: 15vw;
        overflow: auto;
        color: #000;
        width: 80%;
        margin: auto;
    }
    
    
    .formular-leva {
        margin-left: 1vw;
        float: left;
        width: 60%;
    }
    
    
    .formular-prava {
        float: left;
        width: 35%;
    }
    
    input {
    float: left;
    border: none;
    border-bottom: solid #6da2bc; 
    height: 2vw;
    border-width: 0.15vw;
    font-size: 0.85vw;
    text-align: left;
    padding-left: 1vw;
        margin-top: -0.5vw;
        width: 90%;
}

input[type=submit] {
    background-color: #00ADB0;
    text-align: center;
    font-weight: bold;
    width: 50%;
    color: #fff;
    letter-spacing: 0.15vw;
    margin-left: 20%;
} 

input[type=button] {
    background-color: #00ADB0;
    text-align: center;
    font-weight: bold;
    width: 8.5vw;
    color: #fff;
    letter-spacing: 0.15vw;
    margin-left: 20%;
} 

input[type=edit] {
    background-color: #6da2bc;
    border-radius: 0.5vw;
    width: 4vw;
    color: #000;
} 

input[type=delete] {
    background-color: #c83939;
    border-radius: 0.5vw;
    width: 14vw;
    color: #000;
} 

textarea {
    border: none;
    border-bottom: solid #6da2bc; 
    height: 6vw;
    border-width: 0.15vw;
    font-size: 0.85vw;
    width: 88%;
    text-align: left;
    padding-left: 1vw;
    font-family: "opensans-regular"; 
}

.pole {
    width: 20%;
    float: left;
    font-size: 1vw;
    padding-top: 0.75vw;
}

.pole-k-vyplneni {
    width: 70%;
    float: left;
     margin-top: 0.75vw;
     font-size: 1.5vw;
}


    
    .eshop {
         margin: -1vw auto 0 auto;
        min-height: 15vw;
        overflow: auto;
    }
    
    .faq {
         margin: -1vw auto 0 auto;
        min-height: 15vw;
        overflow: auto;
    }
    
    .eshop-polozka{
        padding: 0 1vw 1vw 1vw;
        margin-left: 1%;
        margin-top: 1vw;
        width: 28.5%;
        float: left;
        border: solid;
        border-radius: 5px;
        background-color: #EEE;
    }
    
    .kosik-polozka{
        padding: 0 1vw 1vw 1vw;
        margin-left: 1%;
        width: 95%;
        float: left;
        border: solid #fff;
        border-radius: 5px;
        background-color: #EEE;
    }
    
    .kosik-foto {
        float: left;
        width: 30%;
        margin: 1vw;
    }
    
    .kosik-text {
        float: left;
        width: 60%;
    }
    
    .eshop-polozka p{
        margin-left: 0vw;
        font-size: 0.8vw;
    }
    
    .dodani {
        width: 70%;
        float: left;
        margin-top: 0.8vw
    }
    
    .cena{
        width: 30%;
        float: left;
        margin-top: 0.5vw
    }
    
    .cena strong {
        font-size: 1.5vw;
        color: #00ADB0;
    }
    
    .objednat input[type=submit] {
    background-color: #00ADB0;
    text-align: center;
    font-weight: bold;
    width: 50%;
    color: #fff;
    letter-spacing: 0.15vw;
    margin-left: 23%;
} 
    
    
    .bottom {
         margin: -1vw auto 0 auto;
        min-height: 4vw;
        overflow: auto;
        background-color: #00ADB0;
        text-align: center;
        padding-top: 0.25vw;
    }
    
    .bottom p{
        color: #fff;
    }
    
    .bottom #text {
       font-family: 'comic-regular';
       font-size: 1.25vw;
    }
   
    
    .bottom img{
        margin: 0 0.5vw 0 2vw;
        height: 1.5vw;
        width: 1.5vw;
        position: relative;
        top: 0.35vw;
    }
    
    .kraj {
        margin: 1vw auto 1vw auto;
        min-height: 4vw;
        overflow: auto;
        width: 30%;
        text-align: center;
        padding-top: 0.25vw;
    }
    .kraj-logo{
        float: left;
        width: 30%;
    }
    
    .kraj-text {
        margin-top: -0.5vw;
        float: left;
        width: 60%;
    }
    
    h3 {
        line-height: 0.25vw
    }
    
    h2 {
        color: #00ADB0;
    }
}


@media (max-width: 780px) and (min-width: 320px){
        img{
        max-width: 100%;
        height: auto;
     }
        
        body{
        margin: 0px;
        padding: 0px;
        font-size: 1.5vw;
        font-family: "opensans-regular"; 
    color: #000;
    background: url('img/bg.png')  repeat top center; color: #fff;
    }
    
    a {
        color: #6da2bc;
    }
    
    .stred {
        width: 100%;
        min-height: 15vw;
        background-color: #fff;
        overflow: auto;
            
    }
    
    
    .top {
        margin: auto;
        height: 10vw;
        background-color: #fff;
    }
    .logo {
        float: left;
        margin: 1vw 0 0 1vw;
        max-width: 30%;
    }
    
    .pravalogo {
        text-align: right;
        float: left;
        margin: 2vw 0 0 0;
        width: 45%;
       font-family: comic-regular;
       color:#000;
    }
    
    .regionalniprodukt {
        float: right;
        width: 11%;
        margin: 0.5vw 2vw 0 0 ;
    }
    
    
    .menu {
         text-align: center;
      margin: -1vw auto 0 auto;
      height: 4.25vw;
       background-color: #00ADB0;
       font-size: 2.5vw;
    }
    
    a {
        color: #fff;
        text-decoration: none;
        
    }
    
    .menu p{
     padding-top: 0.75vw;  
    color: #fff;
     letter-spacing: 0.15vw;
    }
    
    .podmenu {
        margin: 0 auto 2vw auto;
        min-height: 30vw;
        overflow: hidden;
    }
    
    .hlaska {
        margin: auto;
        min-height: 5vw;
        text-align: center;
    }
          
    .piskovacka {
        margin: -1vw auto 0 auto;
        min-height: 15vw;
        overflow: auto;
    }
    
    .obchod-formular {
        color: #000;
    }
    
    .eshop img {
        margin: 0 20% 0 20%;
        width: 60%;
    }
    
     h1 {
         text-decoration: underline;
         text-align: center;
        margin-top: 1vw;
          margin-left: 2.5%;
          font-family: "Subpear";
            font-size: 4.5vw;
            color: #00ADB0;
            font-weight: normal;
            line-height: 4vw;
            margin-bottom: 0.5vw;
    }
    
    p{
        color: #000;
        margin-top: 0vw;
        margin-left: 1vw;
        max-width: 95%;
        line-height: 2.5vw;
        font-family: "opensans-regular"; 
    }
    
    .piskovacka img{
 
    }
    
    .piskovacka-leva {
        margin-top: 1vw;
        float: left;
        width: 95%;
    }
    
    .piskovacka-prava{
        margin: 0 2% 0 3%;
        margin-top: 2vw;
        float: left;
        width: 95%;
        background-color: #fff;
    }
    
    .faq-leva {
        margin-top: 1vw;
        float: left;
        width: 95%;
    }
    
    .faq-prava{
        margin: 0 2% 0 0;
        margin-top: 1vw;
        float: left;
        width: 95%;
        background-color: #fff;
    }
    
    iframe {
        height: 270px;
        margin-bottom: 2vw;
    }
    
    .galerie {
           margin: -1vw auto 0 auto;
         min-height: 15vw;
        overflow: auto;
    }
    
    .galerie img {
        width: 22.5%;
        margin: 0.1vw 0.15% 0.1vw 0.15%;
    }
    
    
    .originalnisklenicka {
        margin: -1vw auto 0 auto;
        min-height: 15vw;
        overflow: auto;
    }
    
    .originalnisklenickaleva {
        margin-top: 1vw;
        float: left;
        width: 70%;
        height: 15vw;
    }
    
    .originalnisklenickaleva p {
  margin: 3vw auto 0 auto; 
  width: 50%;

}
    
    .originalnisklenickaprava{
        margin-top: 1vw;
        float: left;
        width: 30%;
        background-color: #fff;
    }
    
    .originalnisklenickaprava img {
        height: 20vw;
    }
    
    
    .napiste {
         margin: -1vw auto 0 auto;
        min-height: 15vw;
        overflow: auto;
        color: #000;
        width: 80%;
        margin-left: 10%;
        margin: auto;
    }
    
    
    .formular-leva {
        margin-left: 1vw;
        text-align: left;
        float: left;
        width: 95%;
    }
    
    
    .formular-prava {
        display: none;
    }
    
    input {
    float: left;
    border: none;
    border-bottom: solid #6da2bc; 
    height: 5vw;
    border-width: 0.15vw;
    font-size: 2vw;
    text-align: left;
    padding-left: 1vw;
        margin-top: -0.5vw;
        width: 90%;
}

input[type=submit] {
    background-color: #00ADB0;
    text-align: center;
    font-weight: bold;
    width: 24vw;
    color: #fff;
    letter-spacing: 0.15vw;
    margin-left: 20%;
} 

input[type=button] {
    background-color: #00ADB0;
    text-align: center;
    font-weight: bold;
    width: 18vw;
    color: #fff;
    letter-spacing: 0.15vw;
    margin-left: 20%;
} 

input[type=edit] {
    background-color: #6da2bc;
    border-radius: 0.5vw;
    width: 6vw;
    color: #000;
} 

input[type=delete] {
    background-color: #c83939;
    border-radius: 0.5vw;
    width: 14vw;
    color: #000;
} 

textarea {
    border: none;
    border-bottom: solid #6da2bc; 
    height: 6vw;
    border-width: 0.15vw;
    font-size: 2vw;
    width: 90%;
    text-align: left;
    padding-left: 1vw;
    font-family: "opensans-regular"; 
}

.pole {
    width: 20%;
    float: left;
    font-size: 2vw;
    padding-top: 0.75vw;
}

.pole-k-vyplneni {
    width: 75%;
    float: left;
     margin-top: 0.75vw;
     font-size: 3vw;
}


    
    .eshop {
         margin: -1vw auto 0 auto;
        min-height: 15vw;
        overflow: auto;
    }
    
    #eshop-nadpis {
        font-size: 4vw;
    } 
    
     #eshop-text {
        font-size: 3vw;
    } 
    .faq {
         margin: -1vw auto 0 auto;
        min-height: 15vw;
        overflow: auto;
    }
    
    .eshop-polozka{
        padding: 0 1vw 1vw 1vw;
        margin-left: 1%;
        margin-top: 1vw;
        width: 28.5%;
        float: left;
        border: solid;
        border-radius: 5px;
        background-color: #EEE;
    }
    
    .kosik-polozka{
        padding: 0 1vw 1vw 1vw;
        margin-left: 1%;
        width: 95%;
        float: left;
        border: solid #fff;
        border-radius: 5px;
        background-color: #EEE;
    }
    
    .kosik-foto {
        float: left;
        width: 30%;
        margin: 1vw;
    }
    
    .kosik-text {
        float: left;
        width: 60%;
    }
    
    .eshop-polozka p{
        margin-left: 0vw;
        font-size: 1.5vw;
    }
    
    .dodani {
        width: 60%;
        float: left;
        margin-top: 0.8vw
    }
    
    .cena{
        width: 40%;
        float: left;
        margin-top: 2.5vw
    }
    
    .cena strong {
        font-size: 3vw;
        color: #00ADB0;
    }
    
    .objednat input[type=submit] {
    background-color: #00ADB0;
    text-align: center;
    font-weight: bold;
    width: 50%;
    color: #fff;
    letter-spacing: 0.15vw;
    margin-left: 23%;
} 
    
    
    .bottom {
         margin: -1vw auto 0 auto;
        min-height: 6vw;
        overflow: auto;
        background-color: #00ADB0;
        text-align: center;
        padding-top: 0.5vw;
    }
    
    .bottom p{
        color: #fff;
        font-size: 2vw;
    }
    
    .bottom #text {
       font-family: 'comic-regular';
       font-size: 2.5vw;
    }
   
    
    .bottom img{
        margin: 0 0.5vw 0 2vw;
        height: 3.5vw;
        width: 3.5vw;
        position: relative;
        top: 0.35vw;
    }
    
    .kraj {
        margin: 1vw auto 1vw auto;
        min-height: 4vw;
        overflow: auto;
        width: 60%;
        text-align: center;
        padding-top: 0.25vw;
    }
    .kraj-logo{
        float: left;
        width: 30%;
    }
    
    .kraj-text {
        margin-top: 0.5vw;
        float: left;
        width: 60%;
        font-size: 2vw;
    }
    
    h3 {
        line-height: 0.25vw
    }
    
    h2 {
        color: #00ADB0;
    }
  

}


#red {
    color: red;
}

.clear {
    clear: both;
}