.announcement-bar {
    min-height: 30px;
    background-position:center; 
    background-size:cover; 
    background-repeat:no-repeat;
    background-image:url(media/holyweek2022.jpg); 

    @media (max-width: 430px) {
            margin-top: 40px; 
            font-size: 3vw;
    }
        @media (min-width: 431px) and (max-width: 991px) {
            margin-top: 65px; 
            font-size: 16px;
    }
        @media (min-width: 992px) and (max-width: 1199px){
            margin-top: 200px; 
            font-size: 24px;
    }
    @media (min-width: 1200px) {
            margin-top: 100px; 
            font-size: 24px;
    }
}

#announcement-bar {
    background-position: center; 
    background-size: cover; 
    background-repeat: no-repeat;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(media/holyweek2022.jpg);
    background-color: rgba(0, 0, 0, 0.8);   
    color: white;
    cursor: pointer;
    z-index: 1001;
    position: relative;
    min-height: 50px;
    vertical-align: middle;

    @media (max-width: 430px) {
        margin-top: 40px; 
        font-size: 3vw;
    }
    @media (min-width: 431px) and (max-width: 991px) {
         margin-top: 65px; 
        font-size: 16px;
    }
    @media (min-width: 992px) and (max-width: 1199px) {
        margin-top: 200px; 
        font-size: 24px;
    }
    @media (min-width: 1200px) {
        margin-top: 100px;
        font-size: 24px;
    }
}

#announcement-expanded {

    background-position: center; 
    background-size: cover; 
    background-repeat: no-repeat;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(media/holyweek2022.jpg);
    background-color: rgba(0, 0, 0, 0.8);   
    color: white;
    z-index: 1005;
    position: relative;

    @media (max-width: 430px) {
       margin-top: 40px; 
        font-size: 3vw;
    }
    @media (min-width: 431px) and (max-width: 991px) {
         margin-top: 65px; 
        font-size: 16px;
    }
   @media (min-width: 992px) and (max-width: 1199px) {
        margin-top: 200px; 
        font-size: 16px;
    }
    @media (min-width: 992px) {
        margin-top: 100px; 
        font-size: 16px;
    }
}