.slideshow-container {
	max-width : 1200px;
	position : relative;
	margin : 0 auto;
	}
	@media (max-width: 700px) {
	.slideshow-container {
	width : 100%;
	}
	}
	.slideshow-container img {
	width : 100%;
	}
	.text {
	font-family : "Gill Sans Extrabold", Helvetica, sans-serif;
	color : #f2f2f2;
	font-size : 34px;
	padding : 8px 12px;
	position : absolute;
	bottom : 8px;
	width : 70%;
	text-align : center;
	}
	@media (max-width: 600px) {
	.text {
	font-size : 20px;
	}
	}
	@media (max-width: 380px) {
	.text {
	visibility : hidden;
	}
	}
	.numbertext {
	color : #f2f2f2;
	font-size : 12px;
	padding : 8px 12px;
	position : absolute;
	top : 0;
	}
	.dot {
	height : 15px;
	width : 15px;
	margin : 0 2px;
	background-color : #bbb;
	border-radius : 50%;
	display : inline-block;
	transition : background-color 0.6s ease;
	}
	.active {
	background-color : #717171;
	}
	.fade {
	animation-name : fade;
	animation-duration : 1.5s;
	}
	@keyframes fade {
	from {
	opacity : 0.4;
	}
	to {
	opacity : 1;
	}
	}
	@media only screen and (max-width: 300px) {
	.text {
	font-size : 11px;
	}
	}