/* All Displays / Medium Displays */

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

html {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.85);
}

body {
	margin: 0px;
	padding: 0px;
}

.full-width {
	width: 100%;
	margin-bottom: 24px;
}

.half-width {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

.page-width {
	width: 1024px;
	margin: 0px auto;
}

.centered-text {
	text-align: center;
}


/* Tiny Displays */
@media (max-width: 831px) {
	.page-width {
		width: 95%; /* Fallback */
		width: calc(100% - 32px);
	}
	.half-width {
		width: 100%;
	}
}

/* Small Displays */
@media (min-width: 832px) and (max-width: 1199px) {
	.page-width {
		width: 800px;
	}
}

/* Large Displays */
@media (min-width: 1200px) and (max-width: 1399px) {
	.page-width {
		width: 1024px;
	}
}

@media (min-width: 1400px) {
	.page-width {
		width: 1280px;
	}
}