body {
    padding: 0;
    margin: 0;
}
html, body, #map {
    height: 100%;
    width: 100vw;
}

@media (orientation: portrait) {
 

    .btn-letter {
        font-size:10vw;
        font-weight: bold;
        color: #2652a8;
        width: 18vw; 
        height: 18vw;
        margin: 0.5vw;
        text-align: center;
    }
    
    .btn-letter-del {
        font-size:8.5vw;
        width: 18vw; 
        height: 18vw;
        margin: 0.5vw;
        text-align: center;
    }
}

@media (orientation: landscape) {
 

    .btn-tlacitko {
        max-width: 22rem;
    }

    .btn-letter {
        font-size:4vw;
        font-weight: bold;
        color: #2652a8;
        width: 8vw; 
        height: 8vw;
        margin: 0.5vw;
        text-align: center;
    }
    
    .btn-letter-del {
        font-size:3.5vw;
        width: 8vw; 
        height: 8vw;
        margin: 0.5vw;
        text-align: center;
    }
}