@charset "utf-8";
/* CSS Document */

.mySlides {
	display:none;
}

/* Slideshow container */
.slideshow-container {
	width: 100%;
	position: relative;
	margin: auto;
	height: 800px;
	overflow: hidden;
	border-bottom: #111 4px solid;
	background-color: #111;
}

.slideshow-container div {
	width: 100%;
	height: 800px;
}

.slideshow-container div:last-child {
	width: auto;
	height: auto;
}
/* Pictures */

#slide-01 {
	background-image: url(../siteart/slides/542Website.jpg);
	background-position: center center;
	background-size: cover;
}
#slide-03 {
	background-image: url("../siteart/slides/JCB4TS.jpg");
	background-position: center center;
	background-size: cover;
}
#slide-04 {
	background-image: url(../siteart/slides/slide-04.JPG);
	background-position: center center;
	background-size: cover;
}


/* The dots/bullets/indicators */
.dot {
	height: 13px;
	width: 13px;
	margin: 0 2px;
	background-color: #eee;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 1s ease;
}

.active {
	background-color: #F2A32D;
}

.dots {
	text-align:center; 
	z-index:999;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: auto;
}

/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 4s;
	animation-name: fade;
	animation-duration: 4s;
}

@-webkit-keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

@keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

@media all and (max-width:700px) {
	.slideshow-container, .slideshow-container div {
		height: 300px;
	}
	
	.slideshow-container div:last-child {
		width: auto;
		height: auto;
	}
}