body,
html {
	margin: 0;
	padding: 0;
	font-family: Tahoma, sans-serif;
	color: #ffffff;
	word-wrap: normal;
	overflow-x: hidden;
	scroll-behavior: smooth;
	background: #c75c22;
	background: linear-gradient(135deg, rgba(199, 92, 34, 1) 0%, rgba(80, 73, 143, 1) 100%);
}

header {
	padding: 1rem;
}

img {
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

.container-fluid {
	margin: 0;
	padding: 0;
}
a {
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
	text-decoration: none;
}
.wpp i {
	color: #25d366;
}
.wpp a {
	border-bottom: 1px solid #25d366;
}
.wpp a:hover {
	color: #25d366;
}

.btn-inscricao {
	background: #507bb7;
	padding: 9px 50px !important;
	border-radius: 50px;
	position: fixed;
	bottom: 20px;
	right: 50px;
	color: #fff;
	z-index: 99999;
}
.btn-inscricao:hover {
	background: #303970;
	border-radius: 50px;
	color: #fff;
}
.btn-inscricao::after {
	content: "Inscreva-se";
	padding-left: 0.5rem;
}
.btn-wpp {
	background: #128c7e;
	padding: 9px 40px !important;
	border-radius: 50px;
	position: fixed;
	bottom: 70px;
	right: 50px;
	color: #fff;
	z-index: 99999;
}
.btn-wpp:hover {
	background: #25d366;
	border-radius: 50px;
	color: #fff;
}
.btn-wpp::after {
	content: "Fale conosco";
	padding-left: 0.5rem;
}

h1 {
	color: #ffffff;
	font-size: 40px;
	font-weight: 700;
	letter-spacing: -1px;
}

.font-small {
	font-size: 12px;
}

.logo img {
	height: 100px;
	filter: brightness(0) invert(1);
}
.logo-topo {
	padding: 10px;
	margin: 1rem auto;
	img {
		height: 100px;
	}
}
@media (max-width: 768px) {
	.logo-topo {
		padding: 20px 40px;
	}
}
@media (max-width: 575.98px) {
	.btn-inscricao {
		padding: 10px 18px !important;
		bottom: 20px;
		right: 1%;
		transform: translateX(-50%);
		width: auto;
		font-size: larger;
		text-align: center;
		z-index: 20;
	}
	.btn-inscricao::after {
		content: none;
		padding-left: 0;
	}
	.btn-wpp {
		padding: 10px 18px !important;
		bottom: 80px;
		right: 1%;
		transform: translateX(-50%);
		width: auto;
		font-size: larger;
		text-align: center;
		z-index: 20;
	}
	.btn-wpp::after {
		content: none;
		padding-left: 0;
	}
	.logo img {
		width: 60%;
	}
	.logo-topo {
		padding: 10px;
		margin-bottom: 20px;
	}
}
@media (max-width: 400px) {
	.logo-topo {
		padding: 5px 20px;
		border-radius: 0 0 5px 0;
	}
}