Cacher is the code snippet organizer for pro developers

.animated-home.bounce.site-container {
  margin-top: inherit;
  top: inherit;
}

/*To target IE 6 and 7*/
/*To target IE 8, 9 and 10*/
@media screen\0, screen\9 {
  .animated-home.bounce.site-container {
    margin-top: 60px;
    top: -450px;
  }
}

/* Animation for webkit */
@media (min-width: 1143px) {
    /* Animation for webkit */
    @-webkit-keyframes bounce {
        0% {
            -moz-transform: translateY(-60vh);
            -webkit-transform: translateY(-60vh);
            transform: translateY(-60vh);
        }
        100% {
            -moz-transform: translateY(-20vh);
            -webkit-transform: translateY(-20vh);
            transform: translateY(-20vh);
        }
    }
    @keyframes bounce {
        0% {
            -moz-transform: translateY(-60vh);
            -webkit-transform: translateY(-60vh);
            transform: translateY(-60vh);
        }
        100% {
            -moz-transform: translateY(-20vh);
            -webkit-transform: translateY(-20vh);
            transform: translateY(-20vh);
        }
    }
}

/* reset animation "no animation" on screen sizes below our animation target "...you will not need to add this once it is overridden in code" */
@media screen (max-width 1142px) {
  @-webkit-keyframes bounce {
    0% {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
  }
  @keyframes bounce {
    0% {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
  }  
}