.bannerBarLarge {}

.bannerBarLargeMoreText {}

.bannerBarInteractive {}

.bannerBarHeading {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

@media screen and (min-width: 800px) {
    .bannerBarLarge {}

    .bannerBarLargeMoreText {}

    .bannerBarInteractive {}

    .bannerBarHeading {}
}

@media screen and (min-width: 1000px) {
    .bannerBarLarge {}

    .bannerBarLargeMoreText {}

    .bannerBarInteractive {}

    .bannerBarHeading {}
}

@media screen and (min-width: 1200px) {
    .bannerBarLarge {}

    .bannerBarLargeMoreText {}

    .bannerBarInteractive {}

    .bannerBarHeading {}
}