@media screen and (min-width: 721px){
    .alert{
        width: 33%;
    }
}

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

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

.alert{
    width: 40%;
    position: absolute;
    top: 55px;
    right: 0;
    z-index: 18;
    font-weight: bold;
    border-radius: 10px;
    opacity: 85%;
    padding: 1% 5px 1% 1%;
}

.alert-hide{
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 19;
}

.alert-warning{
    background: #ffb706;
}

.alert-danger{
    background: #bf0700;
}

.alert-success{
    background: #1f941f;
}