.back-color {
	background-color: var(--bg-color);
}

.nav-color {
	background-color: #d3d3d3ef;
}

.offcanvas {
	background-color: #f7f4f4;
	max-width: 70%;
}

.item1, .item2, .item3 {
	cursor: pointer;
}

.list-feature {
	padding-right: 10px;
}

.list-feature {
	opacity: 0;
	transition: .5s ease-in-out;
}

.list-feature:hover {
	opacity: 1;
}

.fechar {
	cursor: pointer;
}

.space {
	padding-top: 9rem;
}

.tit_tester {
	color: #cf2c3bfc;
	font-family: 'Merriweather', serif;
	font-size: 3.98rem;
	position: relative;
	padding-top: 10%;
	text-align: center;
}

.sub_tester {
	color: #6821a9fc;
	font-family: 'Crimson Text', serif;
	font-size: 3.2rem;
	position: relative;
	padding-top: 10px;
	text-align: center;
}

.banner {
	position: absolute;
	height: 435px;
	width: 1349px;
}

@media screen and (min-width: 320px) {
	.banner {
		width: 100%;
		height: 370px;
	}

	.space {
		padding-top: 5.5rem;
	}
}

@media screen and (min-width: 768px) {
	.banner {
		height: 380px;
	}

	.space {
		padding-top: 9rem;
	}
}

@media screen and (min-width: 1024px) {
	.banner {
		height: 425px;
	}

	.space {
		padding-top: 9.5rem;
	}
}