@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100&display=swap');

body{
	overflow-x: hidden;
	font-size: 1em;
}

#page-forno {
	max-width: 1220px;
	margin: 0px auto;
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

.relative {
	position: relative;
}

.img-bg {
	width: 100%;
	height: auto;
}

#intro {
	background: url('../img/bg-intro.jpg') no-repeat bottom left;
	background-size: cover;
	padding: 50px 0px;
}

.nome-produto {
	font-size: 4em;
	color: #FFF;
	font-weight: 900;
	line-height: 1em;
	margin-top: 50px;
}

.modelo {
	font-size: 2em;
	color: #FFF;
	font-weight: 400;
}

.product-intro {
	padding-top: 50px;
}

#autolimpante {
	background: url('../img/bg-colmeia.jpg') no-repeat bottom left;
	background-size: cover;
	padding: 80px 0px;
	color: #FFF;
	text-align: center;
}

#autolimpante h3 {
	text-transform: uppercase;
	text-align: center;
	padding: 15px 30px;
	border-bottom: 2px solid #a9d3af;
}

#autolimpante h4 {
	padding: 10px 30px;
	font-weight: 400
}

#autolimpante p {
	padding: 0px 30px;
}

#receitas {
	background: url('../img/bg-colmeia-blue.jpg') top right;
	background-size: 100% auto;
	padding: 80px 0px;
	color: #FFF;
	text-align: center;
}

.info-litros {
	position: absolute;
	top: 0px;
	left: 20px;
	color: #FFF;
	font-size: 2.5em;
	text-align: left;
	text-transform: uppercase;
	line-height: 0.7em;
}

.info-litros strong {
	font-weight: 900;
}

.capacidade {
	font-size: 0.65em;
	font-weight: 300;
}

#features {
	background: url('../img/bg-end.jpg') bottom center;
	background-size: cover;
	padding: 80px 0px 0px 0px;
}

.acompanha {
	text-align: right;
	background: #db812d;
	color: #FFF;
	font-size: 1.5em;
	line-height: 1em;
	font-weight: 600;
	padding: 10px 50px;
	border-radius: 10px 0px 0px 10px;
}

.feature {
	font-weight: 700;
	padding: 10px;
	display: list-item;
	margin: 0px 40px;
}

/*------------------------------------------------------------------
---------------------------- RESPONSIVO ----------------------------
--------------------------------------------------------------------*/

@media (min-width: 768px) {

	#autolimpante h4, #autolimpante p {
		text-align: left;
	}

	.info-litros {
		left: 0px;
		font-size: 5em;
	}

}

@media (min-width: 992px) {

	.nome-produto {
		font-size: 5em;
	}

	.product-intro {
		padding-top: 180px;
	}

	.feature {
		font-weight: 700;
		padding: 10px;
		display: block;
		margin: 0px;
		position: absolute;
		line-height: 1em;
	}

	.info-resistencia {
		top: 0px;
		left: 200px;
		width: 270px;
	}

	.info-luz {
		bottom: 200px;
		right: 25px;
		width: 190px;
	}

	.info-timer {
		top: 95px;
		right: 120px;
		width: 160px;
	}

	.info-grelha {
		top: 105px;
		left: 380px;
		width: 240px;
	}

	.info-temperatura {
		bottom: 290px;
		right: 110px;
		width: 170px;
	}

}


@media (min-width: 1100px) {

	.info-resistencia {
		top: 0px;
		left: 230px;
		width: 270px;
	}

	.info-luz {
		bottom: 235px;
		right: 115px;
		width: 190px;
	}

	.info-timer {
		top: 95px;
		right: 220px;
		width: 160px;
	}

	.info-grelha {
		top: 115px;
		left: 425px;
		width: 240px;
	}

	.info-temperatura {
		bottom: 330px;
		right: 210px;
		width: 170px;
	}

}