:root {
	--laranja: #ff5c00;
}
body {
	background-color: #000;
	width: 100%;
	height: 100%;
	margin: 0px;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	color: #FFF;
	text-align: center;
}

#fundo {
	background-image: url("fundo.jpg");
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	opacity: 0.25;
	position: fixed;
	z-index: -1;
}
.tabela {
	margin: 0px auto;
	.linha {
		display: block;
		margin: 0.5em;
		text-wrap: nowrap;
		max-width: 100%;
	}
	.linha div {
		display: inline-block;
		vertical-align: middle;
		background-color: #FFF;
		color: #000;
		border-radius: 1em;
		padding: 1.25em 1em 1.25em 3em;
		margin-left: -3em;
		position: relative;
		z-index: 1;
		width: 300px;
		max-width: 50%;
		text-align: left;
		text-wrap: wrap;
	}.linha div:first-child {
		width: 4em;
		min-width: unset;
		text-align: center;
		background-color: var(--laranja);
		color: #FFF;
		padding: 1em;
		z-index: 2;
	}
}
h1 {
	padding: 1em;
	span {
		color: var(--laranja);
	}
}
h2 {
	background-color: var(--laranja);
	padding: 1em;
}