@keyframes spin {
  100% {
    transform: rotate(360deg) translateZ(0); } }

.cover {
  background-size: cover !important;
  background-position: center; }

/* fix iOS bug not displaying 100vh correctly */
/* ipad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #page .section-window {
    min-height: 768px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #page .section-window {
    min-height: 1024px; } }

/* iphone5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  #page .section-window {
    min-height: 320px; } }

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  #page .section-window {
    min-height: 568px; } }

/* iPhone 4 */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  #page .section-window {
    min-height: 320px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #page .section-window {
    min-height: 480px; } }