.region-header {
    text-align: center;
}


/***** Slide Right *****/
.slide-right {
    animation: 1.5s slide-right;
}

@keyframes slide-right {
    from {
        margin-right: -20%;
    }

    to {
        margin-right: 0%;
    }
}

/***** Slide Left *****/
.slide-left {
    animation: 1.5s slide-left;
}

@keyframes slide-left {
    from {
        margin-left: -20%;
    }

    to {
        margin-left: 0%;
    }
}

.w3-animate-left {
    position: relative;
    animation: animateleft 0.4s
}

@keyframes animateleft {
    from {
        left: -300px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

.w3-animate-right {
    position: relative;
    animation: animateright 0.4s
}

@keyframes animateright {
    from {
        right: -300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}