@media screen and (min-width: 797px) {
div.containerBoksRotated{
    background-color: rgb(255,255,255);    
    overflow: hidden;
    margin:0 auto;
    text-align: center;    
    width:60%;    
    border:0px solid black;   
    font-family: Montserrat, sans-serif;
    font-size:20px;    
}


div.ikonka{
    margin-top: 20px; 
    transform:rotateY(0deg);
        
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

    div.ikonka:hover{
    margin-top: 20px; 
    transform:rotateY(180deg);
        
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

  

div#rotateBoks{
    
    background-color: rgb(235,235,235);
    
    display: inline-block;
    width:250px;
    height:200px;
        
    margin:5px;
    padding:5px;
    
    font-family: Armata, sans-serif; 
    font-weight: normal;
    text-transform:uppercase;    
    font-size: 13px;    
    
     transform:rotateY(0deg);

        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        -ms-transition: all 0.8s;
        -o-transition: all 0.8s;
        transition: all 0.8s;
}
    
    .boksLink{
        text-decoration: none;
        color:black;
    }
    #tekst{
        color:black;
    }
    .red{
        color:red;
    }

}
@media screen and (max-width: 796px) {
    div.containerBoksRotated{
    background-color: rgb(255,255,255);    
    overflow: hidden;
    margin:0 auto;
    text-align: center;    
    width:auto;    
    border: 0px solid black;   
    font-family: Montserrat, sans-serif;
    font-size:20px;    
}

div.ikonka{
    margin-top: 20px; 
    transform:rotateY(0deg);
        
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

    div.ikonka:hover{
    margin-top: 20px; 
    transform:rotateY(180deg);
        
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

  

div#rotateBoks{
    
    background-color: rgb(235,235,235);
    
    display: inline-block;
    width:250px;
    height:200px;
        
    margin:5px;
    padding:5px;
    
    font-family: Armata, sans-serif; 
    font-weight: normal;
    text-transform:uppercase;    
    font-size: 13px;    
    
     transform:rotateY(0deg);

        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        -ms-transition: all 0.8s;
        -o-transition: all 0.8s;
        transition: all 0.8s;
}
    
    .boksLink{
        text-decoration: none;
        color:black;
    }
}