/* Adaptations for Extreme Proportions */

@media (max-width: 359px) {
    .too-small-overlay {
        display: flex;
    }
}

@media (max-height: 299px) {
    .too-small-overlay {
        display: flex;
    }
}

@media (max-height: 500px) {
    .navbar {
        display: none;
    }
}

@media (max-height: 420px) {
    .banner {
        display: none;
    }
}

@media (max-width: 399px) {
    .unavailable {
        display: block;
    }
}