[data-slides] {
	background-image: url(../images/IMG_6566-cncmill.jpg); /* Default image. */
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-blend-mode: overlay;
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease;
	background-color:#333;
}

/* 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; }