.alartnext {
    /* background: #22a; */
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    @keyframes gradient {
        0% {
            background-position: 0% 50%;
        }
        50% {
            background-position: 100% 50%;
        }
        100% {
            background-position: 0% 50%;
        }
    }

    color: white;
    padding: 1em;
    max-width: 75%;
    margin: 0 0 0 2em;
    opacity: .9;
    font-size: 1.5rem;
}


.alartnext span {
    font-weight: bold;
    font-size: 5rem;
}


@media screen and (max-width: 767px) {
.alartnext {
        /* background: #22a; */
        color: white;
        padding: 4px;
        max-width: 95%;
        margin: 0 auto;
        opacity: .9;
        font-size: 1rem;
    }
    
    
    .alartnext span {
        font-weight: bold;
        font-size: 1.5rem;
    } 
}