#camera_1 {
  position: absolute;
  z-index: 7;
  animation-name: cloud_anim_1;
  -webkit-animation-name: cloud_anim_1;
  /* Safari 4.0 - 8.0 */
  animation-duration: 21s;
  -webkit-animation-duration: 21s;
  /* Safari 4.0 - 8.0 */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  overflow: hidden;
  margin-left: -30vw;
}

#camera_2 {
  position: absolute;
  z-index: 7;
  animation-name: cloud_anim_3;
  -webkit-animation-name: cloud_anim_3;
  /* Safari 4.0 - 8.0 */
  animation-duration: 13s;
  -webkit-animation-duration: 13s;
  /* Safari 4.0 - 8.0 */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 6s;
  overflow: hidden;
  margin-left: -35vw;
}

#cloud_1 {
  position: absolute;
  z-index: 7;
  animation-name: cloud_anim_2;
  -webkit-animation-name: cloud_anim_2;
  /* Safari 4.0 - 8.0 */
  animation-duration: 8s;
  -webkit-animation-duration: 8s;
  /* Safari 4.0 - 8.0 */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  overflow: hidden;
  margin-left: -25vw;
}

#cloud_2 {
  position: absolute;
  z-index: 7;
  animation-name: cloud_anim_4;
  -webkit-animation-name: cloud_anim_4;
  /* Safari 4.0 - 8.0 */
  animation-duration: 15s;
  -webkit-animation-duration: 15s;
  /* Safari 4.0 - 8.0 */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  overflow: hidden;
  margin-left: -10vw;
  margin-top: 10vh
}

#cloud_3 {
  position: absolute;
  z-index: 7;
  animation-name: cloud_anim_1;
  -webkit-animation-name: cloud_anim_1;
  /* Safari 4.0 - 8.0 */
  animation-duration: 34s;
  -webkit-animation-duration: 34s;
  /* Safari 4.0 - 8.0 */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  overflow: hidden;
  margin-left: -20vw;
}

#gear_1 {
  position: absolute;
  z-index: 7;
  animation-name: cloud_anim_1;
  -webkit-animation-name: cloud_anim_1;
  /* Safari 4.0 - 8.0 */
  animation-duration: 25s;
  -webkit-animation-duration: 25s;
  /* Safari 4.0 - 8.0 */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 4s;
  overflow: hidden;
  margin-left: -15vw;
}

#gear_2 {
  position: absolute;
  z-index: 7;
  animation-name: cloud_anim_4;
  -webkit-animation-name: cloud_anim_4;
  /* Safari 4.0 - 8.0 */
  animation-duration: 15s;
  -webkit-animation-duration: 15s;
  /* Safari 4.0 - 8.0 */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  overflow: hidden;
  margin-left: -12vw;
  animation-delay: 5s;
  margin-top: 10vh;
}

#gixey_logo_shield_1 {
  position: absolute;
  z-index: 8;
  animation-name: cloud_anim_4;
  -webkit-animation-name: cloud_anim_4;
  /* Safari 4.0 - 8.0 */
  animation-duration: 14s;
  -webkit-animation-duration: 14s;
  /* Safari 4.0 - 8.0 */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  overflow: hidden;
  margin-left: -21vw;
  animation-delay: 5s;
  margin-top: 10vh;
}

#gixey_logo_shield_2 {
  position: absolute;
  z-index: 9;
  animation-name: cloud_anim_3;
  -webkit-animation-name: cloud_anim_3;
  /* Safari 4.0 - 8.0 */
  animation-duration: 20s;
  -webkit-animation-duration: 20s;
  /* Safari 4.0 - 8.0 */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  overflow: hidden;
  margin-left: -18vw;
  animation-delay: 8s;
  margin-top: 10vh;
}

#temp_1 {
  position: absolute;
  z-index: 7;
  animation-name: cloud_anim_1;
  -webkit-animation-name: cloud_anim_1;
  /* Safari 4.0 - 8.0 */
  animation-duration: 15s;
  -webkit-animation-duration: 15s;
  /* Safari 4.0 - 8.0 */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  overflow: hidden;
  margin-left: -5vw;
}

#temp_2 {
  position: absolute;
  z-index: 7;
  animation-name: cloud_anim_4;
  -webkit-animation-name: cloud_anim_4;
  /* Safari 4.0 - 8.0 */
  animation-duration: 18s;
  -webkit-animation-duration: 18s;
  /* Safari 4.0 - 8.0 */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  overflow: hidden;
  margin-left: -25vw;
}

#monitor_1 {
  position: absolute;
  z-index: 7;
  animation-name: cloud_anim_4;
  -webkit-animation-name: cloud_anim_4;
  /* Safari 4.0 - 8.0 */
  animation-duration: 22s;
  -webkit-animation-duration: 22s;
  /* Safari 4.0 - 8.0 */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  overflow: hidden;
  margin-left: -10vw;
  margin-top: 10vh;
}

#monitor_2 {
  position: absolute;
  z-index: 7;
  animation-name: cloud_anim_1;
  -webkit-animation-name: cloud_anim_1;
  /* Safari 4.0 - 8.0 */
  animation-duration: 12s;
  -webkit-animation-duration: 12s;
  /* Safari 4.0 - 8.0 */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  overflow: hidden;
  margin-left: -15vw;
}

#lightbulb_1 {
  position: absolute;
  z-index: 7;
  animation-name: cloud_anim_3;
  -webkit-animation-name: cloud_anim_3;
  /* Safari 4.0 - 8.0 */
  animation-duration: 10s;
  -webkit-animation-duration: 10s;
  /* Safari 4.0 - 8.0 */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  overflow: hidden;
  margin-left: -10vw;
  animation-delay: 1s;
}

#router_1 {
  position: absolute;
  z-index: 7;
  animation-name: cloud_anim_1;
  -webkit-animation-name: cloud_anim_1;
  /* Safari 4.0 - 8.0 */
  animation-duration: 14s;
  -webkit-animation-duration: 14s;
  /* Safari 4.0 - 8.0 */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  overflow: hidden;
  margin-left: -25vw;
  animation-delay: 10s;
}

@media screen and (min-width:1001px) {

  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes cloud_anim_1 {
    0% {
      left: 100%;
      top: 13vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 13vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 13vw;
      opacity: 0.0;
    }
  }

  @-webkit-keyframes cloud_anim_2 {
    0% {
      left: 100%;
      top: 15vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 15vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 15vw;
      opacity: 0.0;
    }
  }

  @-webkit-keyframes cloud_anim_3 {
    0% {
      left: 100%;
      top: 17vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 17vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 17vw;
      opacity: 0.0;
    }
  }

  @-webkit-keyframes cloud_anim_4 {
    0% {
      left: 100%;
      top: 20vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 20vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 20vw;
      opacity: 0.0;
    }
  }

  /* Standard syntax */
  @keyframes cloud_anim_1 {
    0% {
      left: 100%;
      top: 13vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 13vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 13vw;
      opacity: 0.0;
    }
  }

  @keyframes cloud_anim_2 {
    0% {
      left: 100%;
      top: 15vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 15vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 15vw;
      opacity: 0.0;
    }
  }

  @keyframes cloud_anim_3 {
    0% {
      left: 100%;
      top: 17vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 17vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 17vw;
      opacity: 0.0;
    }
  }

  @keyframes cloud_anim_4 {
    0% {
      left: 100%;
      top: 20vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 20vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 20vw;
      opacity: 0.0;
    }
  }

  h1,
  h2 {
    color: #008000;
    display: block;
    /*needed to trigger update */
  }
}


@media screen and (min-width:721px) and (max-width:1000px) {

  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes cloud_anim_1 {
    0% {
      left: 100%;
      top: 21vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 21vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 21vw;
      opacity: 0.0;
    }
  }

  @-webkit-keyframes cloud_anim_2 {
    0% {
      left: 100%;
      top: 24vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 24vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 24vw;
      opacity: 0.0;
    }
  }

  @-webkit-keyframes cloud_anim_3 {
    0% {
      left: 100%;
      top: 28vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 28vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 28vw;
      opacity: 0.0;
    }
  }

  @-webkit-keyframes cloud_anim_4 {
    0% {
      left: 100%;
      top: 30vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 30vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 30vw;
      opacity: 0.0;
    }
  }

  /* Standard syntax */
  @keyframes cloud_anim_1 {
    0% {
      left: 100%;
      top: 21vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 21vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 21vw;
      opacity: 0.0;
    }
  }

  @keyframes cloud_anim_2 {
    0% {
      left: 100%;
      top: 24vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 24vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 24vw;
      opacity: 0.0;
    }
  }

  @keyframes cloud_anim_3 {
    0% {
      left: 100%;
      top: 28vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 28vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 28vw;
      opacity: 0.0;
    }
  }

  @keyframes cloud_anim_4 {
    0% {
      left: 100%;
      top: 30vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 30vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 30vw;
      opacity: 0.0;
    }
  }

  h1,
  h2 {
    color: #008000;
    display: block;
    /*needed to trigger update */
  }
}

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

  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes cloud_anim_1 {
    0% {
      left: 100%;
      top: 85vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 85vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 85vw;
      opacity: 0.0;
    }
  }

  @-webkit-keyframes cloud_anim_2 {
    0% {
      left: 100%;
      top: 90vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 90vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 90vw;
      opacity: 0.0;
    }
  }

  @-webkit-keyframes cloud_anim_3 {
    0% {
      left: 100%;
      top: 95vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 95vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 95vw;
      opacity: 0.0;
    }
  }

  @-webkit-keyframes cloud_anim_4 {
    0% {
      left: 100%;
      top: 100vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 100vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 100vw;
      opacity: 0.0;
    }
  }

  /* Standard syntax */
  @keyframes cloud_anim_1 {
    0% {
      left: 100%;
      top: 85vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 85vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 85vw;
      opacity: 0.0;
    }
  }

  @keyframes cloud_anim_2 {
    0% {
      left: 100%;
      top: 90vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 90vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 90vw;
      opacity: 0.0;
    }
  }

  @keyframes cloud_anim_3 {
    0% {
      left: 100%;
      top: 95vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 95vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 95vw;
      opacity: 0.0;
    }
  }

  @keyframes cloud_anim_4 {
    0% {
      left: 100%;
      top: 100vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 100vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 100vw;
      opacity: 0.0;
    }
  }

  h1,
  h2 {
    color: #008000;
    display: block;
    /* needed to trigger update */
  }
}


@media screen and (min-width:450px) and (max-width:720px) {

  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes cloud_anim_1 {
    0% {
      left: 100%;
      top: 44vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 44vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 44vw;
      opacity: 0.0;
    }
  }

  @-webkit-keyframes cloud_anim_2 {
    0% {
      left: 100%;
      top: 45vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 45vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 45vw;
      opacity: 0.0;
    }
  }

  @-webkit-keyframes cloud_anim_3 {
    0% {
      left: 100%;
      top: 48vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 48vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 48vw;
      opacity: 0.0;
    }
  }

  @-webkit-keyframes cloud_anim_4 {
    0% {
      left: 100%;
      top: 50vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 50vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 50vw;
      opacity: 0.0;
    }
  }

  /* Standard syntax */
  @keyframes cloud_anim_1 {
    0% {
      left: 100%;
      top: 44vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 44vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 44vw;
      opacity: 0.0;
    }
  }

  @keyframes cloud_anim_2 {
    0% {
      left: 100%;
      top: 45vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 45vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 45vw;
      opacity: 0.0;
    }
  }

  @keyframes cloud_anim_3 {
    0% {
      left: 100%;
      top: 48vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 48vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 48vw;
      opacity: 0.0;
    }
  }

  @keyframes cloud_anim_4 {
    0% {
      left: 100%;
      top: 50vw;
      opacity: 0.2;
    }

    50% {
      left: 50%;
      top: 50vw;
      opacity: 0.50;
    }

    100% {
      left: 0%;
      top: 50vw;
      opacity: 0.0;
    }
  }

  h1,
  h2 {
    color: #008000;
    display: block;
    /* needed to trigger update */
  }
}