.main-hero {position:relative}

#announcement-bar {
visibility: visible;
width:100%;
text-align:center;
/* position:fixed; */
z-index:1031;
-webkit-transition: all 250ms linear;
transition: all 250ms linear;
overflow:hidden; 
height:0px;
top:0;
  /*background: #dbf1fa;
  color: #025450;*/
}
#announcement-bar .announcement-close {
  color: #025450;
    position: absolute;
    right: 21px;   
    /* line-height: 2.25; */
    top: 0;
    z-index: 999;
    cursor: pointer;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
#announcement-bar a {text-decoration:none;}

#announcement-bar .btn {
/*  color: #fff;
background-color: #42bfb6;
border-color: #42bfb6;*/
}

#announcement-bar.invisible {
visibility:hidden;
 height:0 !important;
}

.announcement-content {
-webkit-transition: all 250ms linear 500ms;
transition: all 250ms linear 500ms;  
opacity:1;
padding:15px 0;
flex-direction:row;
}

#announcement-bar.invisible .announcement-content {
 opacity:0 !important;
}



@media screen and (max-width: 767px) {
  .announcement-content {flex-direction:column;
  }
  .announcement-content h6 {
    padding-bottom:10px;
  }
}
@media (min-width: 992px) {
    #announcement-bar {
    /*    background:#025450;
        color: #dbf1fa*/
    }

    #announcement-bar .announcement-close {
        color: #dbf1fa
    }
  
  #announcement-bar .btn {
color: #fff;
    border-color: #fff;
    background: none;
}