*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}

body{

    font-family: 'Lato', sans-serif;
}

.header2{
    width:80%;
    min-height: 300px;
    background-color: rgba(255,255,255,0.3);
    margin: 20px auto;
    text-align:center;
    padding-top:100px;
    padding-bottom:20px;
    border-radius:10px;

}

.blok1{
    width:80%;
    min-height: 500px;
    background-color: rgba(255,255,255,0.5);
    margin: 20px auto;
    text-align:center;
    padding-top:40px;
    padding-bottom:20px;
    border-radius:10px;
}

.blok1 > a > img{
    border-radius:10px;
    margin:2px;


}

.rok{
    display:inline-block;
    width:350px;
    min-height:100px;
    background-color:rgba(255,255,255,0.6); 
    margin:20px 10px;
    text-align:center;
    font-size:small;
    padding-top:20px;
    border-radius:10px;
    text-decoration: none;
    border:2px solid #404040;
    color:	#404040;
    transition: ease 1s;
     
}

.rok:hover{
    border-color: black;
    color: black;
    transform:scale(1.1);
    transition: ease 1s;

}

.blok1 >a{
    text-decoration: none;
    color:black;
}

.blok1 >a> img{
    transition: ease 1s;
}

.blok1 >a> img:hover{
    transform:scale(0.9);
    transition: ease 1s;
}


.footer{
    width:80%;
    min-height: 100px;
    background-color: rgba(255,255,255,0.3);
    margin: 20px auto;
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
    border-radius:10px;

}

i{
    font-size:30px;
}

.button{

    display:block;
    width:50px;
    min-height:50px;
    background-color:rgba(255,255,255,0.2); 
    text-align:center;
    padding-top:5px;
    border-radius:10px;
    text-decoration: none;
    font-size:20px !important;
    border:2px solid black;
    color:black;
   
}

.button:hover{
    cursor:pointer;
    background-color:rgba(255,255,255,0.6);
}
#bt1{
    position:fixed;
    top:10px;
    right:10px;

}


#bt2{
    position:fixed;
    bottom:10px;
    right:10px;

}

.socialmedia{
    display:inline-block;
    width:50px;
    min-height:50px;
    background-color:rgba(255,255,255,0.2); 
    text-align:center;
    padding-top:6px;
    border-radius:10px;
    text-decoration: none;
    font-size:20px !important;
    border:2px solid black;
    color:black;

}

.socialmedia:hover{

    background-color:rgba(255,255,255,0.6); 
    cursor:pointer;

}


.socialmedia > a > i{

    color:black;
}

.info{
    margin-top: 20px;
    font-weight: bold;
}

.info > a{
   
    color:black;
    
}


@media screen and (max-width:500px) {

    .rok{
        display:block;
        width:80%;
        height:80px;
        margin-left:auto;
        margin-right: auto;
    }


    .blok1 >a> img{
        width: 100%;
        height: auto;
    }

    img{
        width: 100%;
        height: auto;
    }

    .button{
        display:none;
    }

    #bt2{
        
        visibility:hidden;
    }

}