@font-face { 
    font-family: Eina; src: url('Eina02-Regular.ttf');
     
} 

@font-face { font-family: Eina-bold; font-weight: bold; src: url('Eina02-Bold.ttf');
}

h2{
    font-family: Eina-bold;
}

    body {
        font-family: Eina;
        margin: 0;
        padding: 0;
        
        height: 100vh;
        background-image: url('POZADI2.png'); /* Zde nahraďte 'background.jpg' cestou k vaší fotografii */
    }
    .container {
        display: flex;
        height: calc(100vh - 50px);
        margin-top: 50px;
    }
    .column {
        flex: 50%;
        padding: 10px;
    }
    .image {
        max-width: 100%;
        height: auto;
    }
    .imagewrox{
        max-width: 45vw;
        margin-left: 5vw;
        margin-top: 5vw;
    }
    .text {
        color: rgb(255, 255, 255);
        margin-top: 10px;
        text-align: center;
    }

    .textprvni {
        color: rgb(255, 255, 255);
        margin-top: 10px;
        text-align: right;
    }
    
 

    .text-kontakt {
        color: rgb(255, 255, 255);
        margin-top: 10px;
    
    } 


    #prava{
        margin-left: 50vw;
        margin-right: 5vw;
        margin-top: 5vw;
    }

    #prava2{
        margin-left: 50vw;
        margin-right: 5vw;
        margin-top: 5vw;
    }

    #leva{
        margin-left: 50vw;
        margin-right: 5vw;
        margin-top: 0vw;
        /*background-color: rgba(84, 175, 255, 0.104);*/
    }

    #spicky2{
        margin-left: 50vw;
        margin-right: 5vw;
        margin-top: 0vw;
        /*background-color: rgba(84, 175, 255, 0.104);*/
    }

    #video {

        width:45vw;
        height: 25.31vw;
        margin-top: 5vw;  
        margin-left: 5vw;  
      }
      .katalog{
        width: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2vw;

      }

      .image-profil{
        width: 20%;
      }


      .imageflex {
          
         display: flex; 
        }

.imageflexcontent { 
    margin-left: 5vw; 
    color: rgb(255, 255, 255);
    margin-top: 10px;
}

#leva2 {
    margin-right: 45vw;
    margin-left: 5vw;
    margin-top: 5vw;
    color: white;
}

.photoprofil{
    max-width: 20vw;
    min-width: 20vw;

}
      
#profil2{
    margin-top: 5vw;
}

#spicky{
    max-width: 45vw;
    margin-left: 5vw;
    margin-top: 0vw;
}

#spicky2{
    margin-left: 50vw;
        margin-right: 5vw;
    max-width: 45vw;
    margin-top: 0vw;
}

footer {
 
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    text-align: center;
 }

 #only-for-pc {
    display: none;
}

#odkazhranefunkcni{
    display: none;
}

#odkazkontakt{
    color: white;
}

#odkazkontakt:hover{
    color: rgb(187, 19, 111);
}

#odkaz:hover{
    color: rgb(187, 19, 111);
}

#odkazhra:hover{
    color: rgb(187, 19, 111);
}




      @media only screen and (max-width:710px) {
        #prava{
            margin-left: 25vw;
            margin-top: 10vw;
        }

        .imagewrox{
            max-width: 75vw;
        }

        #video {
            width:75vw;
            height: 42.19vw;
            margin-top: 20vw;    
          }

        #prava2{
            margin-left: 25vw;
            margin-top: 20vw;
        }

        #leva{
            margin-left: 25vw;
            margin-top: 20vw;
        }

        #leva2 {
            margin-right: 25vw;
            margin-top: 20vw;
        }

        

        #spicky{
            max-width: 75vw;
            margin-top: 20vw;
        }
        #spicky2{
            margin-left: 25vw;
            margin-top: 20vw;
            max-width: 75vw;
        }

        

        
        

      }
      

      @media (pointer: coarse) {
        

        /* Additional text */
        #only-for-pc {
            display: block; /* Shows the text */
            font-size: 14px;
            color: rgb(187, 19, 111);
        margin-top: 0px;
        text-align: center;
        }

        #odkazhra{
            color: rgb(187, 19, 111);
                        text-decoration: line-through;
                        pointer-events: none; /* Makes the link non-functional */
                        cursor: default;
                        display: none; 
        }

        #odkazhranefunkcni{
            color: rgb(187, 19, 111);
                        text-decoration: line-through;
                        pointer-events: none; /* Makes the link non-functional */
                        cursor: default; 
                        display: block;
        }

        #funkcni{
            margin: 0;
        }
    }