#alert-messaging {
    width: 100%;
}

#alert-messaging .notification {
    width: 100%;
    background: #FCF9E6;
    border-bottom:1px solid #FFC21D;
}

#alert-messaging .notification .content {
    position: relative;
    min-width: 240px;
    max-width: 830px;
    margin: 0 auto;
    padding: 20px 15px 20px 50px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAdCAIAAADQGlAiAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAThSURBVEhLTVVLa11VFF5rn3NfaWKSm5vEpE0IRMWqBR3YIIKvDIoaLe1EMAVBxNaB/8CB/QkiOJXiRBCpIgg6UXCiolgHtijFR0MebdqEPG7uvbn3rOX37XNCsjmPvdfjW4+99tra66xIHEHERNw9UeVERK2r1tbOkvW2tTSu5XFLUtdEJRV1F+XnyDjEcjGVAETxzADZXdWN73X9a935TbvbXh6z4TlpvCz3zXlpWDVxCaqa6+ZDu+3lRJJMMjBMLPT2krvfyPpXsv2j9HZMXGEf7go+UbM6avVnvPGKDj3lyTG4lgUJ5gmge501SnhL17/Ve19m975LsnYMkRjQZ7Du8JmU+DAfGjwd0ZF5H1uwQYBWUgNW65+w9KGvXQn7TXEE1/Xg8JA6XniVI8cUcubgBrDUtRSk6rVxH1/0qbfVmjf02jlp/gnRLMBVbAGECCJYDZ2W6gQw4Yvu3hA8YoyXHsJklNOyD5/OHvs0IEfW+o9qqiGLe0lP6IWnZZu8kM2+bw9cttnL1pj3JIUtMgFBN5kE8Z62VuBpENsLhgRlboY1S4OOEZHWk34pjUjacHxDHwPPPcKEqUSgCNgcCFkneNYim7rYLYbIomHlGDWif9E6HMagKUCxAvPckUiuWg85TCIB5RKDYwmSALdiKTrIjIOw+UsZ+EQKMweEQDmFZMDMYSkKweGoAmZBjOFySbj48kfXoo2CR5IGTWoqJS5ypTwwfLCk2fjAJhUxLdSQUYpHNU60JlrBOSgLzgRN5YI5SAGYzyCOAxA5OfihQ7E+Ek+HRFMmyWsncg9YoYVIzFD0E39yuSxeCBVyfLFOpXI/KNiXRGoPkY4VGbQPfKoUQEXY5Bba8Z9T8dGK9M1iEkxT738059M6FTFyRQudNd27KXs3+e1ugJKzMQ4mLknF+08SvNtZ0p3fw7Vz6FYUoHvRKPY0pD70tFQmowXX3euye52py0WQdcaqUp2xU1e8NovcJ9r3sNdmDr1nNFyhnUjzL9n6Wbd+ke1fpb2ct8u4DRRgHFpFgIDDMkT0ijQWIgs8yLHEY5JSaZyxqYs+dclPvONDc9iyg8TFVEE8HfT68/hBL6BaQZHRs5rWHV2JIoyAwqHk9RdsctEmX/eJRRl4guj5aYgiDoHadFZ/Npr2wEYBY30P+ugZDSltHuKhhzS1uxX2N7W3IdYiiVzmiRMc+Pq81BggaDhBPI8ZPicuSmWK/jCrMd3WTTZ/Sm5/IetX5c5Vaf6BdkI1KEAmqQoKYPQsShRa6ASatVfBQp9Hu0pWP9Z/P5DeXUP7z1XoIE5MNBuDy4mC6Pofkel3vfESWwaKFJ00AyI2U1K2hYk3bPxVSYd5/gzEwFjwQzjo3sXmgVmy2rSPnbeRF3G22CmkiwkuMUCiDXZNe6z3mfd84jWpjJGTJzhCsAUxTZilUpv142/58TdZi9ghFlzsa4b70QPuJSgimgRFBZg7n+mtj3TvbxiM+WOPiooVGXzSpi7p8HPwFTSoZGiBWKDl4K5FXTBWUno48oa2j0rZX9aVT/T259pephW4f+ykT1yw0QUp465F9tg7kAkMaELl8N6O/RfuxrgsXuCyn1kzbP4grVs+cEoGHtcwwOxFJPhE0SPjKNbBgBD7a0DmeV1G+0yLJkxuTAUyx7COgon8D8YMlhu6IdKbAAAAAElFTkSuQmCC) no-repeat 5px 22px
}

#alert-messaging .notification .content > p {
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    color: #333;
    width: 780px;
}

#alert-messaging .notification .dismiss {
    background: #FEBA00;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    color: #FCF9E6;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
    line-height: 24px;
    text-align: center;
    position: absolute;
    top: 26px;
    right: 20px;
    opacity: 0.5;
}
#alert-messaging .notification .dismiss:hover {
    opacity: 1;
}

.accessibly-hidden {
    position: absolute;
    display: block;
    visibility: visible;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
}

@media screen and (max-width: 980px) {
    #alert-messaging .notification .content > p {
        width: calc(100% - 45px);
    }
}

@media screen and (max-width: 480px) {
    #alert-messaging .notification .content {
        background: transparent !important;
        padding: 20px 15px !important;
    }
}