@import url(http://fonts.googleapis.com/css?family=Alfa+Slab+One);
@import url(http://fonts.googleapis.com/css?family=Alice);



/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
.background-spin{
   -moz-animation: spin 70.5s infinite linear;
    -webkit-animation: spin 70.5s infinite linear;
     -o-animation: spin 70.5s infinite linear;
    animation: spin 70.5s infinite linear;
}
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
.background-spin{
   -moz-animation: spin 70.5s infinite linear;
    -webkit-animation: spin 70.5s infinite linear;
     -o-animation: spin 70.5s infinite linear;
    animation: spin 70.5s infinite linear;
}
}
.spinright-1s{
   -moz-animation: spinright 1s infinite linear;
    -webkit-animation: spinright 1s infinite linear;
     -o-animation: spinright 1s infinite linear;
    animation: spinright 1s infinite linear;
}
.spinright-5s{
   -moz-animation: spinright 5s infinite linear;
    -webkit-animation: spinright 5s infinite linear;
     -o-animation: spinright 5s infinite linear;
    animation: spinright 5s infinite linear;
}
.spinright-10s{
   -moz-animation: spinright 10s infinite linear;
    -webkit-animation: spinright 10s infinite linear;
     -o-animation: spinright 10s infinite linear;
    animation: spinright 10s infinite linear;
}
.spinright-15s{
   -moz-animation: spinright 15s infinite linear;
    -webkit-animation: spinright 15s infinite linear;
     -o-animation: spinright 15s infinite linear;
    animation: spinright 15s infinite linear;
}
.spinright-20s{
   -moz-animation: spinright 20s infinite linear;
    -webkit-animation: spinright 20s infinite linear;
     -o-animation: spinright 20s infinite linear;
    animation: spinright 20s infinite linear;
}
.spinright-30s{
   -moz-animation: spinright 30s infinite linear;
    -webkit-animation: spinright 30s infinite linear;
     -o-animation: spinright 30s infinite linear;
    animation: spinright 30s infinite linear;
}
.spinright-40s{
   -moz-animation: spinright 40s infinite linear;
    -webkit-animation: spinright 40s infinite linear;
     -o-animation: spinright 40s infinite linear;
    animation: spinright 40s infinite linear;
}
.spinright-50s{
   -moz-animation: spinright 50s infinite linear;
    -webkit-animation: spinright 50s infinite linear;
     -o-animation: spinright 50s infinite linear;
    animation: spinright 50s infinite linear;
}
.spinright-60s{
   -moz-animation: spinright 60s infinite linear;
    -webkit-animation: spinright 60s infinite linear;
     -o-animation: spinright 60s infinite linear;
    animation: spinright 60s infinite linear;
}
.spinleft-1s{
   -moz-animation: spinleft 1s infinite linear;
    -webkit-animation: spinleft 1s infinite linear;
    -o-animation: spinleft 1s infinite linear;
    animation: spinleft 1s infinite linear;
}
.spinleft-5s{
   -moz-animation: spinleft 5s infinite linear;
    -webkit-animation: spinleft 5s infinite linear;
    -o-animation: spinleft 5s infinite linear;
    animation: spinleft 5s infinite linear;
}
.spinleft-10s{
   -moz-animation: spinleft 10s infinite linear;
    -webkit-animation: spinleft 10s infinite linear;
    -o-animation: spinleft 10s infinite linear;
    animation: spinleft 10s infinite linear;
}
.spinleft-15s{
   -moz-animation: spinleft 15s infinite linear;
    -webkit-animation: spinleft 15s infinite linear;
    -o-animation: spinleft 15s infinite linear;
    animation: spinleft 15s infinite linear;
}
.spinleft-20s{
   -moz-animation: spinleft 20s infinite linear;
    -webkit-animation: spinleft 20s infinite linear;
    -o-animation: spinleft 20s infinite linear;
    animation: spinleft 20s infinite linear;
}
.spinleft-30s{
   -moz-animation: spinleft 30s infinite linear;
    -webkit-animation: spinleft 30s infinite linear;
    -o-animation: spinleft 30s infinite linear;
    animation: spinleft 30s infinite linear;
}
.spinleft-40s{
   -moz-animation: spinleft 40s infinite linear;
    -webkit-animation: spinleft 40s infinite linear;
    -o-animation: spinleft 40s infinite linear;
    animation: spinleft 40s infinite linear;
}
.spinleft-50s{
   -moz-animation: spinleft 50s infinite linear;
    -webkit-animation: spinleft 50s infinite linear;
    -o-animation: spinleft 50s infinite linear;
    animation: spinleft 50s infinite linear;
}
.spinleft-60s{
   -moz-animation: spinleft 60s infinite linear;
    -webkit-animation: spinleft 60s infinite linear;
    -o-animation: spinleft 60s infinite linear;
    animation: spinleft 60s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform:scale(2) rotate(0deg);
    }

    100% {
        -moz-transform:scale(3) rotate(360deg);
    };
}
@-o-keyframes spin {
    0% {
        -o-transform:scale(2) rotate(0deg);
    }

    100% {
        -o-transform:scale(3) rotate(360deg);
    };
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform:scale(2) rotate(0deg);
    }

    100% {
        -webkit-transform:scale(3) rotate(360deg);
    };
}
@keyframes spin {
    0% {
        transform:scale(2) rotate(0deg);
    }

    100% {
       transform:scale(3) rotate(360deg);
    };
}



@-moz-keyframes spinright {
    0% {
        -moz-transform:rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    };
}
@-o-keyframes spinright {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(360deg);
    };
}
@-webkit-keyframes spinright {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    };
}
@keyframes spinright {
    0% {
        transform: rotate(0deg);
    }

    100% {
       transform: rotate(360deg);
    };
}

@-moz-keyframes spinleft {
    0% {
        -moz-transform:rotate(0deg);
    }

    100% {
        -moz-transform: rotate(-360deg);
    };
}
@-o-keyframes spinleft {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(-360deg);
    };
}
@-webkit-keyframes spinleft {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    };
}
@keyframes spinleft {
    0% {
        transform: rotate(0deg);
    }

    100% {
       transform: rotate(-360deg);
    };
}