#css-slider {
	width: 550px;
	height: 350px;
	overflow: hidden;
	margin: 2em auto;
	border: 0px solid #fff;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);
	 margin-bottom:8%;
	
}
 
.slide-item {
	width: 550px;
	height: 350px;
	float: left;
	position: relative;
}
 
 
.slider-wrapper {
	width: 300%;
	position: relative;
	left: 0;
	will-change: transform;
	animation: slider 10s infinite;
}
 
 
 @keyframes slider {
  0% { transform: translateX(0); }
  33% { transform: translateX(-550px); }
  66% { transform: translateX(-1100px); }
  100% { transform: translateX(0); }
}



a{
  color:#cfcfd3;
 font-size: 15px;
 }

.menu{
text-align: center;
color:#cfcfd3;
background-color: #96514d;
border-bottom:1px solid black ;
padding: 25px;
position: relative;
}

.home{
width: -20px;
height: -20px;
 position:absolute;
margin-top: auto;
margin-bottom: auto;
top: 35%;
right: 8%;
bottom: 0;

 }

.mark{
width: 80%;
 margin-left: 5%;
 margin-right: 20%;
 margin-top:-3% ;
 }

 
 div{
 color:#89898a;
 font-size: 15px;
 text-align: center ;
 margin-bottom:10%;
 
 }

 
 
 p {
    color:#89898a;
    font-size: 15px;
    text-align:left;
    margin-left: 35%;
    }
    
   

 

  a:hover{
  color: red;
 }