.announcement h2 {
    color: #ffffff;
    font-weight: 600;
    line-height: 1;
    font-size: 24px;
    letter-spacing: .03em;
    margin: 0;
}
.announcement .content{position:relative;width:100%;margin:0 auto;padding:0 50px;clear:both;}
.announcement .content{max-width:800px;width:100%;margin:0 auto;padding:0 30px;}
div.block-white{position:relative;overflow:hidden;margin:25px auto;border-top:1px dashed #ddd;padding:25px 0 0;}
.announcement{background-color:#552da5;background-image:linear-gradient(227deg,#552da5,#00cdda);position:fixed;bottom:-100%;left:0;right:0;z-index:998;}
.announcement .block-white{margin:auto;border-top:0;padding:25px 0;display:flex;justify-content:center;align-items:center;}
.announcement .block-white>div{float:none;}
.announcement .img-txt .img-block{float:left;display:block;width:18%;text-align:center;}
.announcement .img-txt .img-block img {max-width: 100%; width: 100%;height:auto;border-radius:5px;}
.announcement .img-txt .text-block{float:left;display:block;width:82%;padding-left:2%;}
.announcement p{font-size:18px;line-height:22px;color:#fff;margin: 10px 0 0;}
.announcement p.caption{font-size:12px;line-height:14px;color:#fff;margin: 0;font-style:italic;}
.announcement a{color:#87f2ff;}
.announcement a:hover{color:#fff;}
.announcement div.close{position:absolute;cursor:pointer;background-color:#0a2869;z-index:1000;border-radius:12px;right:15px;top:15px;width:24px;height:24px;min-width:0;-webkit-transition:all .35s ease-out;-moz-transition:all .35s ease-out;-o-transition:all .35s ease-out;transition:all .35s ease-out;}
.announcement div.close:hover{background-color:#00a8bc;}
.announcement div.close:before,.announcement .close:after{content:"";position:absolute;background-color:#fff;transform:rotate(225deg);}
.announcement div.close:before{top:6px;left:11px;width:2px;height:12px;}
.announcement div.close:after{top:11px;left:6px;width:12px;height:2px;}
@media only screen and (max-width:989px){
.announcement .img-txt .text-block{padding-left:1.5%;}
}
@media only screen and (max-width:767px){
.announcement div.block-white{display:block;justify-content:unset;align-items:unset;padding:40px 0 25px;}
.announcement .img-txt .img-block img {max-width: 120px;}
.announcement .img-txt .img-block,.announcement .img-txt .text-block{text-align:center;padding-left:0;}
}
@media only screen and (max-width:767px){
.img-txt .img-block,.img-txt .text-block{float:none;width:100%!important;padding:0;}
}