body,h1,h2,h3,h4,h5 {font-family: "Poppins", sans-serif} /*vypujcena trida + styly*/
body {font-size:16px;;} /*vypujcena trida + styly*/
.w3-bar-block{color: white;}
.hover{
    text-decoration: none;
    transition: 1s;
}
.hover:hover{
    background-color: rgba(249, 224, 187, 0.796);
    color: black;
    border-radius: 50px;
    
}

.podnadpis{
    color:  rgb(16, 16, 16);
}
.w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer}/*vypujcena trida + styly*/
.w3-half img:hover{opacity:1}/*vypujcena trida + styly*/

#mojeLogo{
    opacity: 1;
    transition: opacity 0.3 ease-in-out;
}

#mojeLogo.fade{
    opacity: 0;
}
.menu{
    z-index:3;
    width:300px;
    font-weight:bold;
    background-color: rgb(136, 74, 57)
}



.pozadiobr{
    background-color: rgb(249, 224, 187);
}
.logo{
    position: fixed;
    margin: auto;
    margin-top: 25vw;
    margin-bottom: 20px;
    border-radius: 100%;
    background-color: rgb(249, 224, 187);

     
}
.nadpis{
    background-color: rgb(249, 224, 187);
    padding: 2%;
    border-radius: 50px;
    text-align: center;
    

}
.pozadi{
    background-color: rgb(249, 224, 187);
    padding: 2%;
    border-radius: 50px;
    margin-right: 75%;
}
.pozadi:hover{
    background-color: rgba(249, 224, 187, 0.796);
  
}
.pozadi2{
    background-color: rgb(195, 129, 84);
}
.pozadi20{
    background-color: rgb(195, 129, 84);
    padding: 2%;
    border-radius: 50px;
    text-align: center;
}
.pozadi3{
    background-color: rgb(255, 194, 111);
}
.pozadi30{
    background-color: rgb(255, 194, 111);
    padding: 2%;
    border-radius: 50px;
    text-align: center;
}
.pozadi4{
    background-color: rgb(192, 127, 0);
   
}
.pozadi40{
    background-color: rgb(192, 127, 0);
    padding: 2%;
    border-radius: 50px;
    text-align: center;
}

.pozadi5{
    background-color: rgba(249, 224, 187, 0.796);

   
}
.sirka{
    width: 50wv;
}
.pozice{
    position: relative;
    
}
.kontakt{
    margin-right: 5px;
    width: 700px;
}
.cislo{
    margin-top:75px;
    padding-right:58px
}
.kontent{
    margin-left:340px;
    margin-right:40px
}








section{
    display: flex;
    justify-content: center;
    align-items: center;
    animation: colorAnimate 8s linear infinite;
    position: fixed;
    margin-top: 25vw;
}

.pulse{
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
}
.pulse span{
    position: absolute;
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    opacity: 0.8;
    animation: pulseAnimate 4s ease-out infinite;
    animation-delay:calc(1s * var(--i)) ;
}
@keyframes pulseAnimate {
    100%{
        opacity: 0;
        transform: scale(2);
    }
}