.ua-graphics {
    min-height: 120px; margin-bottom: 20px; padding: 0px 20px;
    width: 100%; border-radius: 5px;
    background: rgb(171,219,252);
    background: linear-gradient(179deg, rgba(171,219,252,1) 0%, rgba(235,244,251,1) 86%);
    
    display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; 
    -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.ua-graphics .ua-graphics-content {padding: 0 20px}
.ua-graphics .ua-graphics-content p {line-height: 26px; font-size: 16px; font-weight: 700;}
.ua-graphics .ua-graphics-flag {
    height: 120px; padding-top: 20px;
    -ms-flex-negative: 0;flex-shrink: 0;
    display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; 
    -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;
}
.ua-graphics .ua-graphics-flag > img {max-height: 100%; -ms-flex-negative: 0;flex-shrink: 0}

@media screen and (max-width: 720px) {
    .ua-graphics {min-height: 90px;}
    .ua-graphics .ua-graphics-content {padding: 20px 20px}
    .ua-graphics .ua-graphics-content p {line-height: 22px; font-size: 14px;}
    .ua-graphics .ua-graphics-flag {height: 90px;}
}
@media screen and (max-width: 520px) {
    .ua-graphics .ua-graphics-content {padding-left: 0}
    .ua-graphics .ua-graphics-flag {display: none;}
    .ua-graphics .ua-graphics-content p {text-align: center}
}