*, *::before, *::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	font-family: Asap, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	color: #223330;
	background: white;
}
input, button, select, textarea {
	font-family: Asap, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1em;
}

html, body, #root { min-height: 100vh; }

.hide-all {display: none;}

.page-cloak {
	visibility: hidden;
	/* algumas coisas não podem ser display:none porque
	 * precisam calcular posições e tamanhos dos elementos
	 */
}

.page-width {
	margin: 0 auto;
	/* 81.25 = 26/32
	/* 84.375 = 27/32
	/* 87.5 = 28/32
	/* 90.625 = 29/32 */
	/* 93.75 = 30/32 */
	width: 93.75vw;
	max-width: 1164px;
}
.page-width-50 {
	width: 42.1875vw;
	max-width: 582px;
}