body {
    font-family: "Work Sans", sans-serif !important;
    font-size:14px;
    color: rgba(27, 41, 70, .8);
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    margin: 0px;
    padding: 0px;
}

/* Message */

@media screen and (max-width: 451px) {
    .alert {
        width: 80%;
    }
}

@media screen and (min-width: 452px) and (max-width: 758px) {
    .alert {
        width: 50%;
    }
}

@media screen and (min-width: 759px) and (max-width: 980px) {
    .alert {
        width: 50%;
    }
}

.alert {
    min-width: 33%;
    min-height: 120px;
    color: white;
    display: block;
    position: absolute;
    top:40%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index: 1000;
}

.alert-error {
    background-color: #E20D0D;
}

.alert-success {
    background-color: #3869b2;
}

.alert .alert-title,
.alert .alert-close {
    display: inline-block;
}

.alert .alert-close {
    background: url("../img/icn_close.svg") no-repeat;
    position: absolute;
    top: 15px;
    right: 13px;
    width: 13px;
    height: 13px;
    cursor: pointer;
}

.alert .alert-title {
    text-transform: uppercase;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 15px;
    top: 12px;
    font-size: 1.3em;
    font-weight: 400;
}

.alert .kc-feedback-text {
    margin-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
}