/*
body{
  background:#e6e6e6;
}
*/

#slider{
  width:100%;
	/*
  margin:0 auto;
	*/
  position:relative;
  overflow:hidden;
	/*
  box-shadow:2px 5px 10px rgba(0,0,0,0.4);;
	*/
}

.slide{
  width:100%;  
  display:none;
  animation-name:fade;
  animation-duration:1s;
  
}

img {
 width:100%; 
}

@keyframes fade{
  from{opacity:0.5;}
  to{opacity:1;}
}

.controls{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-size:1.0em;
  padding: 5px 5px;
  border-radius:5px;
  background-color: #ffffff 0.2;
  
}

.controls:hover{
  background:white;
  transition:0.3s;
}

.controls:active{
  color:grey;
}

#left-arrow{
  left:10px;
}

#right-arrow{
  right:10px;
}

#dots-con{
  
  text-align:center;
}

.dot{
  display:inline-block;
  background:grey;
  padding: 5px;
  border-radius:50%;
  margin: 5px 1px;
}

.active{
  background: #a61414;
}

@media (max-width:576px){
  #slider{width:100%;
  
  }
  
  .controls{
    font-size:1em;
  }
  
  #dots-con{
    display:none;
  }
}