*{
	margin: 0;
	padding: 0;
	font-family: lato;
}
.banner {
	width:1400px;
    height:900px;
	margin:5px auto 0;
	overflow: hidden;
	
}

.banner ul {
	
	display: flex;
	padding: 20;
	width:300%;
	
	animation: slide 20s infinite alternate ease-in-out;
}

.banner li {
	width: 100%;
	padding: 20px; 
	list-style: none;
	position: relative;;
	
}

.banner img {
	margin-top: 5px;
	width: 95%;
	height: 95%;
	padding: -10px; 
	
}

@keyframes slide {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	85% {margin-right: -300%;}
	100% {margin-right: -300%;}
	
	
}


	
@media(max-width: 1204px){
	.banner {
	width:700px;
    height:350px;
	margin:5px auto 0;
	overflow: hidden;
	
}
.banner img{

    padding-left: 10px;
	width: auto%;
	height:400px;
   margin-top: -20px;

}
}

  
    header ul li a{

        font-size: 4px;

    }