@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital@0;1&display=swap');

:root {
	--cor-primaria: #000000;
	--cor-secundaria: orange;
	--cor-terciaria: #C95C14;

	--font-primaria:'Montserrat',sans-serif;
	--font-secundaria:'Krona One',sans-serif;
}

* {
	margin: 0; 
	padding: 0;
}

body {
	box-sizing:border-box;
	background-color: var(--cor-primaria);
	color: var(--cor-secundaria);
}

.cabecalho {
	padding: 2% 0 0 15%;
}

.cabecalho__menu {
	display: flex;
	gap: 80px;
}

.cabecalho__menu__link {
	text-decoration: none;
	color: var(--cor-secundaria);
	font-size: 1.125rem;
	font-weight: 600;
	font-family: var(--font-primaria);
}

.cabecalho__menu__link:hover {
	color: var(--cor-terciaria);
}

.apresentacao {
	padding: 5% 15%;
	display:flex;
	align-items: center;
	justify-content: space-between;
	gap: 82px;
}

.apresentacao__conteudo {
	width: 50%;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.apresentacao__conteudo__titulo {
	font-size: 1.375rem;
	font-family: var(--font-secundaria);
}

.apresentacao__conteudo__texto {
	font-size: 1.125rem;
	font-family: var(--font-primaria);
}

.titulo-destaque {
	color: var(--cor-terciaria);
}

.texto-destaque {
	color: var(--cor-terciaria);
}

.apresentacao__conteudo__lista {
	font-family: var(--font-primaria);
	font-size: 1.1875rem;
}

.apresentacao__conteudo__lista__link {
	text-decoration: none;
	color: var(--cor-secundaria);
}	

.apresentacao__conteudo__lista__link:hover {
	color: var(--cor-terciaria);
}

.apresentacao__links {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 32px;
}

.apresentacao__links__subtitulo {
	font-family: var(--font-secundaria);
	font-weight: bold;
	Font-size: 1.125rem;
}

.apresentacao__links__navegacao {
	color: var(--cor-secundaria);
	/*background-color: #C95C14;*/
	display: flex;
	justify-content: center;
	gap: 6px;
	border: 2px solid var(--cor-secundaria);
	width: 50%;
	text-align: center;
	border-radius: 8px;
	font-size: 1.125rem;
	padding: 21.5px 0;
	text-decoration: none;
	font-family: var(--font-primaria);
	font-weight: bold;
}

.apresentacao__links__link:hover {
	background-color: #272727;
}

.apresentacao__imagem {
	width: 40%;
}

.rodape {
	padding: 24px;
	color: var(--cor-primaria);
	background-color: var(--cor-terciaria);
	text-align: center;
	font-family: var(--font-primaria);
	font-size: 1.25rem;
	font-weight: 400;
}

@media (max-width: 1200px) {
	.cabecalho {
		padding: 5% 10% 5% 10%;
	}

	.cabecalho__menu {
		justify-content: center;
		flex-direction: column;
		gap: 0;
	}

	.apresentacao {
		flex-direction: column-reverse;
		padding: 5% 5%;
	}

	.apresentacao__conteudo {
		width: auto;
	}
}