.slideshow { padding-bottom: 400px; margin-bottom: 20px; line-height: 0em;}

.slideshow .slides { 
	width:100%;
	height: 400px;
	position:absolute;
	background-color:#939598;
	left:0;
	border-bottom:0px solid #4A4A4A;
	border-top:0px solid #4A4A4A;
	overflow:hidden;
}
.slideshow .slide{
	display: none; 
	background:#939598;
	width:1200px;
	position:absolute;
	margin: 0px;
	left:calc(50% - 600px);
}
.slideshow .slide img {
	width:900px;
	float:left;
}


.slideshow article{
	width:270px;
	float:right;
	color:#fff;
	margin: 30px 0 30px 30px;
	font-size: 18px;
	overflow:hidden;
		line-height: 1.5em;
}
.slideshow article h1{
	margin-top:0;
	text-transform:uppercase;
	text-align:left;
	line-height:1.2em;
	font-size: 1.5em;
}

		
.slideshow .navigation{display:block; z-index:3; position:relative; top:375px; float:right; }	
.slideshow .navigation .nav-dot{display:block; width:10px; height:10px; padding:2px; float:left; border:1px solid #fff; border-radius: 10px; margin-right:5px; cursor:pointer;}
.slideshow .navigation .current{background-color: #fff; background-clip: content-box;}

@media screen and (max-width: 1260px){
	
	.slideshow {position:static; padding-bottom:33.3333333%; height:20px;}
	
	.slideshow .slides { 
		padding-bottom: 33.33333%;
		height:0;
	}
	.slideshow .slide{
		display: none; 
		width:100%;
		margin:0;
		left:0;
	}
	.slideshow .slide img {
		width:75%;
	}
	
	.slideshow article{
		width:25%;
		margin: 0;
		padding:20px 2.5%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		font-size: 12px;
		line-height:1.25em;
	}
	.slideshow .navigation{ top:0; padding-top:32%;}
}

@media screen and (max-width: 750px){
	.slideshow { height:auto; padding-bottom: 0; overflow:visible;}
	.slideshow .slides {  height:180px; padding-bottom: 44.4444444444444%; position:static;  border:none;}
	.slideshow .slide { height:180px; padding-bottom: 44.4444444444444%}
	.slideshow .slide img{ width:100%;}
	.slideshow .slide article{ width:100%;}
	.slideshow .slide article p{ margin:0;}
	.slideshow .slide article h1{ margin:0;}
	.slideshow .slide article .button{ margin-bottom:0;}
	.slideshow .navigation{ top:0; padding-top:0;}
}