Christmas Themed Bears

@media screen and (min-width:769px) {
.cat-banner-container {
position: relative;
text-align: center;
color: #fff;
max-width: 1140px;
left: 50%;
transform: translateX(-50%);
}

.cat-banner-container-mobile {
display: none;
}

.cat-banner-text-centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.cat-banner-text-left {
position: absolute;
top: 50%;
left: 10%;
transform: translate(0%, -50%);
}

.cat-banner-text-line-1 {
font-weight: 700;
font-size: 2em;
color: #ffffff;
line-height: 0.8em;
}

.cat-banner-text-line-2 {
font-size: 1em;
font-weight: 700;
color: #ffffff;
line-height: 1em
}

.cat-banner-text-line-3 {
font-size: 0.8em;
color: #ffffff;
}
}

@media screen and (min-width:990px) {
.cat-banner-container {
position: relative;
text-align: center;
color: #fff;
max-width: 1140px;
left: 50%;
transform: translateX(-50%);
}

.cat-banner-container-mobile {
display: none;
}

.cat-banner-text-centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.cat-banner-text-left {
position: absolute;
top: 50%;
left: 10%;
transform: translate(0%, -50%);
}

.cat-banner-text-line-1 {
font-weight: 700;
font-size: 3em;
color: #ffffff;
line-height: 1em;
}

.cat-banner-text-line-2 {
font-size: 1.5em;
font-weight: 700;
color: #ffffff;
line-height: 1.3em;
}

.cat-banner-text-line-3 {
font-size: 1.2em;
color: #ffffff;
}
}

@media screen and (max-width:768px) {
.cat-banner-container {
display: none
}

.cat-banner-container-mobile {
position: relative;
text-align: center;
color: #fff;
display: inline-block;
}

.cat-banner-text-centered-mobile {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}

.cat-banner-text-left-mobile {
position: absolute;
top: 50%;
left: 5%;
transform: translate(0%, -50%)
}

.cat-banner-text-line-1-mobile {
font-weight: 700;
font-size: 1.5em;
line-height: 1.3em;
color: #ffffff;
}

.cat-banner-text-line-2-mobile {
font-size: 1em;
font-weight: 700;
line-height: .8em;
color: #ffffff;
}