.bounce { 
    display: none;
}
@media screen and (max-width: 1024px) {
    .bounce {
    -moz-animation: bounce 6s infinite;
    -webkit-animation: bounce 6s infinite;
    animation: bounce 6s infinite;
    position: absolute;
    display: block;
    bottom: 10px;
    left:44%;
    z-index: 999999999;
    }
    @keyframes bounce {
        0%, 20%, 50%, 80%, 100% {
            transform: translateY(0);
        }
        40% {
            transform: translateY(-30px);
        }
        60% {
            transform: translateY(-15px);
        }
        }
}

#mobilelogo {
display: none;
}
#mobilelogo a {
font-size: 14px;
}
#homelogo{
display: block;
position: absolute; 
text-align: center;
left: 50%;
z-index:999999;
margin-top: 160px;
}
#homelogo a{
font-size: 14px;
}

@media screen and (min-width: 0px) and (max-width: 1024px) {
#mobilelogo{
display: block;
position: absolute; 
text-align: center;
left: 50%;
z-index:999999;
margin-top: 160px;
}}

html {
  background: url("split-screen-img-2.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  overflow: hidden;
}