@import url('./normalize.css');
@import url('./animate.css');
@import url('./splash-page.css');


/* Mobile Styles */
@import url('./media/iOS/iphone-6.css');
@import url('./media/iOS/iphone-5.css');
@import url('./media/android/samsung.css');


@-webkit-keyframes logo-drop {
  0% { margin-top: -300px; -webkit-transform: rotate(45deg); }
  20% { margin-top: 0; -webkit-transform: rotate(45deg); }
  22% { margin-top: 3px; -webkit-transform: rotate(45deg); }
  25% { margin-top: -1px; -webkit-transform: rotate(45deg); }
  28% { margin-top: 3px; -webkit-transform: rotate(45deg); }
  31% { margin-top: 0; -webkit-transform: rotate(45deg); }
  70% { margin-top: 0; -webkit-transform: rotate(45deg); }
  100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes logo-drop {
  0% { margin-top: -300px; -webkit-transform: rotate(45deg); }
  20% { margin-top: 0; -webkit-transform: rotate(45deg); }
  22% { margin-top: 3px; -webkit-transform: rotate(45deg); }
  25% { margin-top: 0; -webkit-transform: rotate(45deg); }
  28% { margin-top: 3px; -webkit-transform: rotate(45deg); }
  31% { margin-top: 0; -webkit-transform: rotate(45deg); }
  70% { margin-top: 0; -webkit-transform: rotate(45deg); }
  100% { -webkit-transform: rotate(0deg); }
}

@-o-keyframes logo-drop {
  0% { margin-top: -300px; -webkit-transform: rotate(45deg); }
  20% { margin-top: 0; -webkit-transform: rotate(45deg); }
  22% { margin-top: 3px; -webkit-transform: rotate(45deg); }
  25% { margin-top: 0; -webkit-transform: rotate(45deg); }
  28% { margin-top: 3px; -webkit-transform: rotate(45deg); }
  31% { margin-top: 0; -webkit-transform: rotate(45deg); }
  70% { margin-top: 0; -webkit-transform: rotate(45deg); }
  100% { -webkit-transform: rotate(0deg); }
}

@keyframes logo-drop {
  0% { margin-top: -300px; -webkit-transform: rotate(45deg); }
  20% { margin-top: 0; -webkit-transform: rotate(45deg); }
  22% { margin-top: 3px; -webkit-transform: rotate(45deg); }
  25% { margin-top: 0; -webkit-transform: rotate(45deg); }
  28% { margin-top: 3px; -webkit-transform: rotate(45deg); }
  31% { margin-top: 0; -webkit-transform: rotate(45deg); }
  70% { margin-top: 0; -webkit-transform: rotate(45deg); }
  100% { -webkit-transform: rotate(0deg); }
}

@-ms-keyframes logo-drop {
  0% { margin-top: -300px; -webkit-transform: rotate(45deg); }
  20% { margin-top: 0; -webkit-transform: rotate(45deg); }
  22% { margin-top: 3px; -webkit-transform: rotate(45deg); }
  25% { margin-top: 0; -webkit-transform: rotate(45deg); }
  28% { margin-top: 3px; -webkit-transform: rotate(45deg); }
  31% { margin-top: 0; -webkit-transform: rotate(45deg); }
  70% { margin-top: 0; -webkit-transform: rotate(45deg); }
  100% { -webkit-transform: rotate(0deg); }
}

@-webkit-keyframes text-fade {
  0% { opacity: 0; }
  75% { opacity: 0; }
  100% { opacity: 1; }
}

@ms-webkit-keyframes text-fade {
  0% { opacity: 0; }
  75% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes text-fade {
  0% { opacity: 0; }
  75% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes text-fade {
  0% { opacity: 0; }
  75% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes text-fade {
  0% { opacity: 0; }
  75% { opacity: 0; }
  100% { opacity: 1; }
}