﻿.mySlides {
	display: none
	}
img {
	vertical-align: middle;
	}	
.slideshow-container {
	width: 100%;
	max-width: 429px;
	height: 193px;
	position: relative;
	margin: 0 auto 15% auto;
	text-align: center;
}
.s-text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 0px 12px;
	position: absolute;
	bottom: 1px;
	width: 100%;
	text-align: center;
	}
.s-text_1 {
	color: #000000;
	font-size: 15px;
	padding: 0px 12px;
	position: absolute;
	bottom: 1px;
	width: 100%;
	text-align: center;
	}
.dot {
	}
.active, .dot:hover {
	background-color: #717171;
	}
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
	}
@media screen and (max-width: 900px) {
.mySlides {
	display: none
	}
img {
	vertical-align: middle;
	}	
.slideshow-container {
	width: 100%;
	max-width: 429px;
	height: 200px;
	position: relative;
	margin: 0 auto 20% auto;
	text-align: center;
}
.s-text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 0px 12px;
	position: absolute;
	bottom: 1px;
	width: 100%;
	text-align: center;
	}
.s-text_1 {
	color: #000000;
	font-size: 15px;
	padding: 0px 12px;
	position: absolute;
	bottom: 1px;
	width: 100%;
	text-align: center;
	}
.dot {
	}
.active, .dot:hover {
	background-color: #717171;
	}
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
	}
}	
@media screen and (max-width: 600px) {
.mySlides {
	display: none
	}
img {
	vertical-align: middle;
	}	
.slideshow-container {
	width: 100%;
	max-width: 429px;
	height: 200px;
	position: relative;
	margin: 0 auto 25% auto;
	text-align: center;
}
.s-text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 0px 12px;
	position: absolute;
	bottom: 1px;
	width: 100%;
	text-align: center;
	}
.s-text_1 {
	color: #000000;
	font-size: 15px;
	padding: 0px 12px;
	position: absolute;
	bottom: 1px;
	width: 100%;
	text-align: center;
	}
.dot {
	}
.active, .dot:hover {
	background-color: #717171;
	}
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
	}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.s-text {
	font-size: 11px
	}
}
