#vanilla-slideshow-container 
{ 
	width: 100%; 
	height:100vh;
	position: relative; 
	text-align: center;
}

#vanilla-slideshow .vanilla-slide 
{ 
	width: 100%; 
	height:100vh;
	background-size:cover; 
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: absolute; 
	top: 0; 
	left: 0; 
	opacity: 0;
	margin:0 auto;
}

#vanilla-slideshow .vanilla-slide.vanilla-active { 
    opacity: 1;
}

#vanilla-slideshow .vanilla-slide img
{
  width: 100%;
  height:100vh;
  position: absolute;
  top: 0;
  left: 0;
}
#vanilla-slideshow .vanilla-slide p
{
margin:0 auto;
margin-left:2.4%;
position:absolute;
z-index:100000000;
bottom:130px;
background-color:#fdbc00;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
color:#000;
font-size:24px;
font-family:OpenSans;
font-weight:bold;
text-align:center;
}

/* Arrows */

#vanilla-slideshow-previous 
{
	position: absolute;
	left:40px;
	top: 50%;
	width: 48px;
	height: 50px;
	background-position: 0 100%;
	cursor: pointer; 
	opacity: 0.7;
	z-index: 5; 
	display: none;
}
#vanilla-slideshow-next 
{
	position: absolute;
	right:40px;
	top: 50%;
	width: 48px;
	height: 50px;
	background-position: 100% 100%;
	cursor: pointer; 	
	opacity: 0.7;
	z-index: 5; 
	display: none;
}

#vanilla-slideshow-previous:hover, #vanilla-slideshow-next:hover 
{
	opacity: 1;
}
#vanilla-indicators 
{
	display: inline-block;
	z-index: 9;
	position: absolute;
	left:10%;
	bottom:25vh;
	margin:0 auto;
}
.vanilla-indicators
 {
	width:20px;
	height: 20px;
	float: left;
	cursor: pointer;
	margin:0 auto;
	margin-right:5px;
	background-color:transparent;
}
.vanilla-indicators.vanilla-active
{
	background-color:transparent;
}
@media only screen and (max-width:750px)
{
#vanilla-slideshow-container,
#vanilla-slideshow .vanilla-slide img,
#vanilla-slideshow .vanilla-slide 
{
height:80vh;
}