@charset "utf-8";

@keyframes slide1 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    30% {
        opacity: 1;
    }

    40% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes slide2 {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    70% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes slide3 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

#mainimg {
    clear: left;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.slide1,
.slide2,
.slide3 {
    animation-duration: 15s;
    animation-iteration-count: infinite;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
    animation-fill-mode: both;
    animation-delay: 1s;
}

.slide0 {
    position: relative;
    width: 100%;
    height: auto;
}

.slide1 {
    animation-name: slide1;
}

.slide2 {
    animation-name: slide2;
}

.slide3 {
    animation-name: slide3;
}

@media screen and (max-width:800px) {

    #mainimg {
        margin-bottom: 3%;
    }

}