/* 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, .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 */
.four, .three, .two, .one {
	width: 100%;
	height: 100%; 
	text-align: center;
	padding: 10% 8% 4%;
}

.three {
	padding: 12% 10% 5%;
}

.two {
	padding: 15% 12% 6%;
}

.one {
	padding: 8% 8% 4%;
	background: #1a3e4a;
}