#myBanner {
z-index: 1000;
position: relative;
display: grid;
grid-template-columns: auto 1190px auto;
top: 0px;
width: 100%;
}
.mySpan {
    font-size: 1rem;
    padding: 5px 1rem;
    text-align: center;
    background: #393939;
    color: #ffffff;
line-height: 1.3;
}
.additionalText{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 5px 5px;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    background: #393939;
    color: #ffffff;
}
#media {max-width: 1400px} (
    #myBanner {
        grid-template-columns:1fr 1190px 1fr;
    } 
)
@media (max-width: 660px) {
#additionalText {
padding: 2px;
}
.mySpan {
font-size: 1rem;
}}
@media (max-width: 1440px) {
  #myBanner {
    grid-template-columns: auto;
  }
}

#countdown_time {
    background: #FFC107;
    padding: 2px 3px;
    border-radius: 8px;
    text-wrap-mode: nowrap;
color: black;
}