/** Notification Styles  */

.messages-list,
.messages-list__item.messages--warning.messages-processed {
    position: fixed;
    z-index: 10;
    background-color: rgba(73, 195, 241,0.8);
    width: 90vw;
    margin: auto;
    top: 12%;
    height: auto;
    box-shadow: 10px 10px 17px -9px rgba(0,0,0,0.49);
    -webkit-box-shadow: 10px 10px 17px -9px rgba(0,0,0,0.49);
    -moz-box-shadow: 10px 10px 17px -9px rgba(0,0,0,0.49);
}
/** 500px */
@media (min-width: 48rem) {
    .messages-list,
    .messages-list__item.messages--warning.messages-processed {
        width: 420px;
        top: 250px;
        margin-left: 23%;
    }
}
.messages-list ul li {
    display: block;
}
.messages-list ul li a:hover {
    color: #ffffff;
    text-decoration: underline;
}