[data-slides] {
	background-image: url(../../images/backgrounds/Background1.jpg); /* Default image. */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/* Use additional CSS to control the `height` of `[data-slides]`, like so: 

.test { height: 300px; }
@media all and (min-width: 48em) {
	.test { height: 400px; }
}*/

/* additional CSS for hidden image preload section */
[hidden] { display: none; }