@media (orientation: portrait) {
    .home-tlacitko {
        width: 40vw;
        height: 40vw;
        text-align: center;
        background-color: #cfe2ff;
        border-color: #73aaff;
        font-size: 6vw;
    }

    .home2-tlacitko {
        width: 40vw;
        height: 40vw;
        text-align: center;
        background-color: #a6dbb8;
        border-color: #6fc58c;
        font-size: 6vw;
    }

    .home3-tlacitko {
        width: 40vw;
        height: 40vw;
        text-align: center;
        background-color: #f9dc8d;
        border-color: #c5ae6f;
        font-size: 6vw;
    }
}

@media (orientation: landscape) {
    .home-tlacitko {
        width: 15vw;
        height: 15vw;
        text-align: center;
        background-color: #cfe2ff;
        border-color: #73aaff;
        font-size: 2vw;
    }

    .home2-tlacitko {
        width: 15vw;
        height: 15vw;
        text-align: center;
        background-color: #a6dbb8;
        border-color: #6fc58c;
        font-size: 2vw;
    }


}