.kioskContent {
    display: grid;
    justify-items: center;
    padding: 25px;
}

@media screen and (orientation: landscape) {
    html[mobilebreakpoint*='true'] .customCardDiv {
        display: inline-flex !important;
    }

    html[mobilebreakpoint*='true'] .customCard {
        border-radius: 20px !important;
        width: 400px !important;
        padding: 5px 20px !important;
        margin: 15px !important;
    }

    html[mobilebreakpoint*='true'] .customCardContentLabelsDiv {
        margin: 5px 0 !important;
    }

    html[mobilebreakpoint*='true'] .customCardTitle {
        font-size: 30px !important;
    }

    html[mobilebreakpoint*='true'] .customCardDescription {
        font-size: 20px !important;
    }
}