:root {

		--full: 100%;

		--space-fill-base: 0.25rem;
		--space-fill-2x: calc(var(--space-fill-base) * 2);		/* 0.5rem  | 8px   */
		--space-fill-3x: calc(var(--space-fill-base) * 3);		/* 0.75rem | 12px  */
		--space-fill-4x: calc(var(--space-fill-base) * 4);		/* 1rem    | 16px  */
		--space-fill-6x: calc(var(--space-fill-base) * 6);		/* 1.5rem  | 24px  */
		--space-fill-8x: calc(var(--space-fill-base) * 8);		/* 2rem    ! 32px  */
		--space-fill-10x: calc(var(--space-fill-base) * 10);	/* 2.5rem  | 40px  */
		--space-fill-12x: calc(var(--space-fill-base) * 12);	/* 3rem    | 48px  */
		--space-fill-16x: calc(var(--space-fill-base) * 16);	/* 4rem    | 64px  */
		--space-fill-18x: calc(var(--space-fill-base) * 18);	/* 4.5rem  | 72px  */
		--space-fill-24x: calc(var(--space-fill-base) * 24);	/* 6rem    | 96px  */
		--space-fill-30x: calc(var(--space-fill-base) * 30);	/* 7.5rem  | 120px */
		--space-fill-40x: calc(var(--space-fill-base) * 40);	/* 10rem   | 160px */

		--icon-size-sm: 16px;
		--icon-size-md: 20px;
		--icon-size-lg: 24px;

		--color-primary: #cc1818;
		--color-secondary: #f2Eb18;
		--color-bg-primary: #fff;
		--color-bg-secondary: #302b3b;

		--color-gray-1: #575757;
		--color-gray-2: #7a7a7a;

		--font-size-sm-1: 12px;
		--font-size-sm-2: 14px;
		--font-size-md-1: 16px;
		--font-size-md-2: 18px;
		--font-size-lg-1: 24px;
		--font-size-lg-2: 32px;
		--font-size-xl-1: 44px;

		--font-weight-regular: 400;
		--font-weight-medium: 500;
		--font-weight-bold: 700;

		--font-family-sans-serif: "Roboto", sans-serif;

		--line-height-heading: 1.25;
		--line-height-body-copy: 1.5;
		--line-height-normal: normal;

		--border-radius-sm: 2px;
		--border-radius-md: 4px;
		--border-radius-lg: 8px;
		--border-radius-round: var(--full);

		--border-width-sm: 1px;
		--border-width-md: 2px;
		--border-width-lg: 3px;

		--button-size-sm: 28px;
		--button-size-md: 36px;
		--button-size-lg: 48px;

		--full-height: var(--full);
		--full-width: var(--full);

		--z-index-1: 10;
		--z-index-2: 20;
		--z-index-3: 30;
		--z-index-4: 40;
		--z-index-5: 50;
		--z-index-6: 60;
		--z-index-7: 70;
		--z-index-8: 80;
		--z-index-9: 90;

		--breakpoint-sm: 576px;
		--breakpoint-md: 768px;
		--breakpoint-lg: 992px;
		--breakpoint-xl: 1200px;
		--breakpoint-xxl: 1440px;

	}

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

	@at-root {
		@-ms-viewport {
			width: device-width;
		}
	}

	html {
		font-family: sans-serif;
		line-height: 1.15;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-ms-overflow-style: scrollbar;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	body {
		color: #000;
		font-family: var(--font-family-sans-serif);
		font-size: var(--font-size-md);
		font-weight: var(--font-weight-regular);
		line-height: 1.5;
		margin: 0;
		text-align: left;
	}

	body:after {
		background: url(../img/bg-header.png) no-repeat center top;
		background-size: cover;
		content: "";
		height: 500px;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: -1;
	}

	article,
	aside,
	details,
	dialog,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	main,
	nav,
	section
	summary {
		display: block;
	}

	[tabindex="-1"]:focus {
		outline: 0 !important;
	}

	hr {
		box-sizing: content-box;
		height: 0;
		overflow: visible;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-weight: 400;
		margin-bottom: .5rem; /* @TODO: avaliar */
		margin-top: 0;
	}

	p {
		margin-bottom: 1rem; /* @TODO: avaliar */
		margin-top: 0;
	}

	abbr[title],
	abbr[data-original-title] {
		border-bottom: 0;
		cursor: help;
		text-decoration: underline;
		text-decoration: underline dotted;
	}

	address {
		font-style: normal;
		line-height: inherit;
		margin-bottom: 1rem;
	}

	dl,
	ol,
	ul {
		margin-bottom: 1rem;
		margin-top: 0;
	}

	ol ol,
	ul ul,
	ol ul,
	ul ol {
		margin-bottom: 0;
	}

	dt {
		font-weight: 400;
	}

	dd {
		margin-bottom: .5rem;
		margin-left: 0;
	}

	blockquote {
		margin: 0 0 1rem;
	}

	dfn {
		font-style: italic;
	}

	b,
	strong {
		font-weight: bolder;
	}

	small {
		font-size: 80%;
	}

	sub,
	sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}

	sub {
		bottom: -.25em;
	}

	sup {
		top: -.5em;
	}

	a {
		background-color: transparent;
		color: var(--color-primary);
		text-decoration: underline;
		-webkit-text-decoration-skip: objects;
	}

	a:hover {
		color: var(--color-primary);
		text-decoration: underline;
	}

	code,
	kbd,
	pre,
	samp {
		font-family: monospace, monospace;
		font-size: 1em;
	}

	pre {
		margin-bottom: 1rem;
		margin-top: 0;
		overflow: auto;
		-ms-overflow-style: scrollbar;
	}

	figure {
		margin: 0 0 1rem;
	}

	img {
		border-style: none;
		vertical-align: middle;
	}

	svg:not(:root) {
		overflow: hidden;
	}

	table {
		border-collapse: collapse;
	}

	caption {
		caption-side: bottom;
		color: /* @TODO: definir cor */;
		padding-bottom: .5rem;
		padding-top: .5rem;
		text-align: left;
	}

	th {
		text-align: inherit;
	}

	label {
		display: inline-block;
		margin-bottom: .5rem;
	}

	button {
		border-radius: 0;
	}

	button:focus {
		outline: 1px dotted;
		outline: 5px auto -webkit-focus-ring-color;
	}

	button,
	input,
	optgroup,
	select,
	textarea {
		font-family: inherit;
		font-size: inherit;
		line-height: inherit;
		margin: 0;
	}

	button,
	input {
		overflow: visible;
	}

	button,
	select {
		text-transform: none;
	}

	button,
	html [type="button"],
	[type="reset"],
	[type="submit"] {
		-webkit-appearance: button;
	}

	button::-moz-focus-inner,
	[type="button"]::-moz-focus-inner,
	[type="reset"]::-moz-focus-inner,
	[type="submit"]::-moz-focus-inner {
		border-style: none;
		padding: 0;
	}

	input[type="checkbox"],
	input[type="radio"] {
		box-sizing: border-box;
		padding: 0;
	}

	input[type="date"],
	input[type="datetime-local"],
	input[type="month"],
	input[type="time"] {
		-webkit-appearance: listbox;
	}

	textarea {
		overflow: auto;
		resize: vertical;
	}

	fieldset {
		border: 0;
		margin: 0;
		min-width: 0;
		padding: 0;
	}

	legend {
		color: inherit;
		display: block;
		font-size: 1.5rem;
		line-height: inherit;
		margin-bottom: .5rem;
		max-width: 100%;
		padding: 0;
		width: 100%;
		white-space: normal;
	}

	progress {
		vertical-align: baseline;
	}

	[type="number"]::-webkit-inner-spin-button,
	[type="number"]::-webkit-outer-spin-button {
		height: auto;
	}

	[type="search"] {
		outline-offset: -2px;
		-webkit-appearance: none;
	}

	[type="search"]::-webkit-search-cancel-button,
	[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}

	::-webkit-file-upload-button {
		font: inherit;
		-webkit-appearance: button;
	}

	output {
		display: inline-block;
	}

	summary {
		cursor: pointer;
		display: list-item;
	}

	template {
		display: none;
	}

	[hidden] {
		display: none !important;
	}