.alert-thin-banner { position: relative; height: 34px; text-align: center; background-color: #3a8f99; } .alert-thin-banner p { font-size: 1.25rem; line-height: 1.75rem; color: #FFFFFF; margin: 0; } .alert-thin-banner .slide-item, .alert-thin-banner .static-message { position: absolute; left: 0; right: 0; opacity: 0; transition: 450ms all ease; top: 50%; transform: translateY(-50%); } .alert-thin-banner .slide-item.active, .alert-thin-banner .static-message { opacity: 1; } @media (max-width: 768px) { .alert-thin-banner { height: 50px; padding: 20px 0; } .alert-thin-banner p{ font-size: 1.10rem; } }