.rot, #bg {
    /*animation: 80s linear 0s normal none infinite running rot;*/
    /*-webkit-animation: 80s linear 0s normal none infinite running rot;*/
    /*-moz-animation: 80s linear 0s normal none infinite running rot;*/
    /*-ms-animation: 80s linear 0s normal none infinite running rot;*/
    /*-o-animation: 80s linear 0s normal none infinite running rot;*/

    animation-name: rot;
    animation-duration: 75s;
    timing-function: linear;
    animation-iteration-count: infinite;
    -moz-animation-name: rot;


    width: 1000px;
    height: 1000px;
    /*top:-400px;*/
    /*left:-400px;*/
    /*position: absolute;*/
    transform-origin: center;
    display:block;
}
@keyframes rot {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rot {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#text{
    color: #ffffff !important;
    width: 100% !important;
    font-size: 25px !important;
}
.section {
    width: 100%;
    height: 700px;
    color: #fff;
    background: linear-gradient(-45deg, #EE7752, #23A6D5, #E73C7E,  #23A6D5, #23D5AB);
    background-size: 400% 400%;
    -webkit-animation: Gradient 30s ease infinite;
    -moz-animation: Gradient 30s ease infinite;
    animation: Gradient 30s ease infinite;
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

/*#bg { filter:url(#blur-effect-1);  }*/
/*#svg-image:hover { filter:url(#blur-effect-1); }*/