@media screen and (min-width: 1219px) {
div.containerBoksRotated{
    background-color:none;    
        overflow: hidden;
        margin:0 auto;
        text-align: center;    
        width:90vw;   

    
}


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:none;
    
    display: inline-block;
    width:250px;
    height:200px;
        
    margin:5px;
    padding:5px;
    
    font-family: 'Montserrat', 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:white;
    }
    #tekst{
        color:rgb(21,102,153);
        font-size: large;
    }
    .red{
        color:red;
    }
}

@media (width <= 1218px) {
    div.containerBoksRotated{
        background-color:none;    
        overflow: hidden;
        margin:0 auto;
        text-align: center;    
        width:90vw;    
        padding:10px 10px 10px 10px;
       
           
    }

    

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;
    
  
    color: white;
     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:white;
    }
    #tekst{
        color:rgb(21,102,153);
    }
}