/* CSS Document - button */
@charset "UTF-8";

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


/*INDEX */
.button{
 
        width: 50%;
        height: 50%;
        float: left;
        font-size: 150%;
        border: 1.5px solid white;
        border-radius: 0px;
        color: white;
        background-color: black;
        font-weight: bold;
    
        transition: 0.4s;
    
        font-family: 'Georama', sans-serif;
    
 }

.kulaty{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    width: 200px;
    height: 200px;
     
}

.buttonKulaty{
    
    border: 3px solid white;
    border-radius: 100%;
    color: white;
    background-color: black;
    font-weight: bold;
    font-family: 'Georama', sans-serif;
    width: 100%;
    height: 100%;
    font-size: 60%;
    
}

.fonty1{
    font-size: 120%;
}

.fonty{
    font-size: 60%;
    margin-top: 20px;
    text-decoration: none;
    color: white;
}

h1{
    font-size: 110%;
}


}