#ls7-home {
	padding: 0 0 0 0;
        display:table;
        table-layout: fixed;
        height:100vh;
        z-index:0;
        display: table;
        width: 100%;
        min-height:840px;
        overflow:hidden;
		background-image: url(../imgs/1.jpg);
		background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		-webkit-animation: backgroundScroll 15s ease-in-out 1;
		-moz-keyframes: backgroundScroll 15s ease-in-out 1;
		animation: backgroundScroll 15s ease-in-out 1;
		animation-fill-mode: forwards;
		opacity:1;
}

@-webkit-keyframes backgroundScroll {
from {background-position: 0 0; opacity: 1;}
to {background-position: -200px 0; opacity: 1;}
-webkit-animation-timing-function: ease-in-out;
}
@-moz-keyframes backgroundScroll {
from {background-position: 0 0; opacity: 1;}
to {background-position: -200px 0; opacity: 1;}
-moz-animation-timing-function: ease-in-out;
}
@-o-keyframes backgroundScroll {
from {background-position: 0 0; opacity: 1;}
to {background-position: -200px 0; opacity: 1;}
-o-animation-timing-function: ease-in-out; 
}
@-ms-keyframes backgroundScroll {
from {background-position: 0 0; opacity: 1;}
to {background-position: -200px 0; opacity: 1;}
-ms-animation-timing-function: ease-in-out;
}
@keyframes backgroundScroll {
from {background-position: 0 0; opacity: 1;}
to {background-position: -200px 0; opacity: 1;}
animation-timing-function: ease-in-out;
}

@media screen and (max-width: 400px) {
#ls7-home {
  background-image: url(../imgs/background9-contact.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-animation: none!important;
  -moz-keyframes: none!important;
  animation: none!important;
}

}