/* CSS Document */

@media only screen and (max-width: 600px) {
  .animation {
    width: 300px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  .no-csstransforms iframe {
    display: none;
  }
  .no-csstransforms .freezeframe {
    display: block;
    width: 300px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  .csstransforms iframe {
    display: block;
    width: 600px;
    height: 600px;
    margin: 0 auto;
    transform: scale(0.5);
    transform-origin: 0 0;
  }
  .csstransforms .freezeframe {
    display: none;
  }
}

@media only screen and (min-width: 601px) and (max-width: 2499px) {
  .animation {
    width: 600px;
    height: 600px;
		margin: 0 auto;
  }
  .freezeframe {
    display: none;
  }
  iframe {
    width: 600px;
    height: 600px;
  }
}

@media only screen and (min-width: 2500px) {
  .animation {
    width: 900px;
    height: 900px;
		margin: 0 auto;
  }
  .freezeframe {
    display: none;
  }
  iframe {
    width: 600px;
    height: 600px;
		transform: scale(1.5);
		transform-origin: 0 0;
  }
}