#slideshow{
	position: relative;  	/*	We set it to relative, so we can use absolute positioning for the slides */
	width: 1000px;
	height: 350px;
	
	margin: 0px auto;
	margin-left:300px;
}

.slide{
	position: absolute;
	width:690px;
	height: 422px;
	top: -60px;
	left:-10px;
	
}

.background-wood{
	
}

.slide .slide-text{
	
	color: white;
	font-family: 'Arbutus Slab', Helvetica serif;
	font-size: 60px;
	text-align: center;
}

@media only screen and (min-width:769px ) and (max-width:979px) {
	/*Small Desktop / Large Tablet View*/
	
	#slideshow{ width:750px;
	          margin-left:-7px;
			 
			  
 	}
	.slide{ width:750px;
	        max-width:900px;
	          margin-left:-7px;
			
 	}
	
	
}
@media only screen and (min-width:481px ) and (max-width:769px) {
	/* Small Tablet View */
	
	#slideshow{ width:600px;
	          margin-left:-8px;
			 
			  
			 
 	}
	.slide{ width:600px;
	          margin-left:-8px;
			 
			 
	         
			  
			 
 	}
	
		
	
}
@media only screen and (max-width:480px) {
	/* Smartphone view*/
	
	#slideshow{ width:350px;
	         
			  margin-top:2px;
			  overflow:hidden;
			  clear: both;
	          float: left;
			  display:block;
			  
			 
			  margin:0px auto;
 	}
	.slide{ width:350px;
	          margin-left:-10px;
			  clear: both;
	          float: left;
			  display:block;
			  padding-left:10px;
			  padding-right:10px;
			  
 	}
	
	
	
	
}