html, body {
	height: 100%;
	width:100%;
	padding: 1%;
	padding-top: 2%;
	padding-bottom: 2%;
	font-family: 'Roboto', sans-serif;
	color: #333;
}

td { text-align: center; vertical-align: bottom; border-bottom: none; }

label { font-weight: normal; font-size: 1.2em; }

#results { display: block !important; padding-bottom: 5%; }

.slide { 
	text-align: center; 
	display: none; 
	margin: auto;
	position: absolute;
	padding-top: 25%;
	top: 0; left: 0; bottom: 0; right: 0;
}

.bold { font-weight: bold; }

/* Larger than mobile screen */
@media (min-width: 40.0rem) {
	.slide { padding-top: 5%; }
}

/* Larger than tablet screen */
@media (min-width: 80.0rem) {
	.slide { padding-top: 15%; }
}

/* Larger than desktop screen */
@media (min-width: 120.0rem) { 
	.slide { padding-top: 25%; }
}