.alert-bar {
    display: flex;
    border-top: 4px solid #000000;
    padding: 13px 16px
}

@media (min-width: 375px) {
    .alert-bar {
        align-items: center;
        justify-content: center;
        padding: 15px 16px 13px
    }
}

@media (max-width: 375px) {
    .alert-bar {
        align-items: flex-start;
        justify-content: flex-start
    }
}

.alert-bar__inner {
    display: flex
}

@media (min-width: 375px) {
    .alert-bar__inner {
        align-items: center;
        margin: 0 auto
    }
}

@media (max-width: 375px) {
    .alert-bar__inner {
        align-items: flex-start
    }
}

.alert-bar__inner i {
    margin-right: 8px;
    line-height: 1.2
}

.alert-bar__message {
    font-size: 1.0625rem;
    line-height: 1.2
}

    .alert-bar__message a {
        font-size: 1.0625rem
    }

.alert-bar__close {
    cursor: pointer;
    line-height: 1.2
}

.alert-bar--blue {
    background-color: #0396ff
}

.alert-bar--yellow {
    background-color: #ffa551
}