.sss {
	height: 0;
	margin: 0; 
	padding: 0;
	position: relative;
	display: block;
	overflow: hidden;
}

.ssslide {
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;
}

.ssslide img {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}

.sssprev {
	width: 100px;
	height: 100%;
	margin: 0;
	position: absolute;
	top: -150px;
	background: url('images/prev.png') no-repeat;
}


.sssnext {
	width: 100px;
	height: 100%;
	margin: 0;
	position: absolute;
	top: -150px;
	background: url('images/next.png') no-repeat;
}

.sssprev {
	left: 7%;
	background-position: 0 70%;
}

.sssnext {
	right: 7%;
	background-position: 0 70%;
}

.sssprev:hover, .sssnext:hover {
	cursor: pointer;
}

@media(max-width:767px) {
    .sssprev, .sssnext {
		background-size: 25px !important;
    }

    .ssslide img.pen {
    	display: none;
    }

    .story {
    	margin: 0 auto;
    	width: 70%;
    	min-height: 500px;
    	font-size: 20px;
    }

    .sssprev {
    	left: 7%;
    }

    .sssnext {
    	right: -56px;
    }

}

@media(min-width:768px) {
	.sss {
		padding-bottom: 48% !important;
	}
}

.story {
  font-family: 'Redressed', serif;color:white;
}