/* TopBar / Header / Footer images */

#top-bar-banner {
    display: block;
    line-height: 0;
}

.top-bar-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

#absolute-header,
#absolute-footer {
    width: 100%;
    display: block;
}

#absolute-header {
    position: initial;
}

#absolute-footer {
    position: relative;
}

.header.image,
.footer.image {
    position: absolute;
    pointer-events: none;
}

.header.image {
    top: 0;
}

.footer.image {
    bottom: 0;
}

.image.left {
    left: 0;
}

.image.right {
    right: 0;
}

.footer.image img {
    max-width: 150px !important;
}

@media (max-width: 1550px) {
    .header.image img {
        max-width: 140px !important;
    }
}

@media (max-width: 1420px) {
    .header.image img {
        max-width: 90px !important;
    }
}

@media (max-width: 1330px) {
    #absolute-header {
        position: relative;
    }
}

@media (max-width: 1250px) {
    .header.image.left {
        display: none;
    }

    .header.image.right {
        z-index: 1;
    }

    .footer.image img {
        max-width: 100px !important;
    }
}