/* BASE */

html, body {
	height: 100%; /* This enables .slide to go full height */
}

body {
	background-color: #333;
}

/* LAYOUT */

.container {
	height: 100%; /* This enables .slide to go full height */
}

.container, .ten, .nine, .eight, .seven, .six, .five, .four, .three, .two, .one { 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


/* MODULES */
.ten, .nine, .eight, .seven, .six, .five, .four, .three, .two, .one {
	width: 100%;
	height: 100%; 
	text-align: center;
	padding: 5%;
}