@media (max-height: 900px) {
    .hide-on-small-height {
        display: none !important;
    }
}  
@media (max-width: 900px) {
    .width-dialog {
        min-width: 100% !important;
    }
    .width-dialog-large{
        min-width: 100% !important;
    }
}
@media (min-width: 901px) {
    .width-dialog {
        min-width: 40% !important;
    }
    .width-dialog-large{
        min-width: 70% !important;
    }
} 

body {
    font-family: 'Roboto' !important;
}