/* ----------------------------------------------------------------------
 * -- Background Elements
 * ---------------------------------------------------------------------- */

.fast_cloud {
    -webkit-animation: moveclouds 60s linear infinite;
    -moz-animation: moveclouds 60s linear infinite;
}

.slow_cloud {
    -webkit-animation: moveclouds 120s linear infinite;
    -moz-animation: moveclouds 120s linear infinite;
}


/* ----------------------------------------------------------------------
 * -- Cloud Animations
 * ---------------------------------------------------------------------- */

@-webkit-keyframes moveclouds {
    0% {margin-left: 1500px;}
    100% {margin-left: -220px;}
}
@-moz-keyframes moveclouds {
    0% {margin-left: 1500px;}
    100% {margin-left: -220px;}
}
@-o-keyframes moveclouds {
    0% {margin-left: 1500px;}
    100% {margin-left: -220px;}
}