/* Auto-generated responsive banner CSS */
/* Generated on Mon Aug 25 13:14:46 EEST 2025 */

/* Default desktop banner */
.hero-banner-responsive {
    background-image: url('hero-banner-desktop.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Ultrawide monitors */
@media only screen and (min-width: 2560px) {
    .hero-banner-responsive {
        background-image: url('hero-banner-ultrawide.jpg');
    }
}

/* 4K displays */
@media only screen and (min-width: 1920px) and (max-width: 2559px) and (min-height: 1440px) {
    .hero-banner-responsive {
        background-image: url('hero-banner-desktop4k.jpg');
    }
}

/* Wide desktop */
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .hero-banner-responsive {
        background-image: url('hero-banner-desktopwide.jpg');
    }
}

/* Standard desktop */
@media only screen and (min-width: 1024px) and (max-width: 1919px) {
    .hero-banner-responsive {
        background-image: url('hero-banner-desktop.jpg');
    }
}

/* Tablet landscape */
@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
    .hero-banner-responsive {
        background-image: url('hero-banner-tabletlandscape.jpg');
        background-position: top;
    }
}

/* Tablet portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .hero-banner-responsive {
        background-image: url('hero-banner-tabletportrait.jpg');
        background-position: top;
    }
}

/* Mobile large */
@media only screen and (min-width: 414px) and (max-width: 767px) {
    .hero-banner-responsive {
        background-image: url('hero-banner-mobilelarge.jpg');
        background-position: top;
    }
}

/* Mobile medium and small - use medium size for all small screens */
@media only screen and (max-width: 413px) {
    .hero-banner-responsive {
        background-image: url('hero-banner-mobilemedium.jpg');
        background-position: top;
    }
}