* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

#imgPrincipal {
	background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7)), url(imagens/portao.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 600px;
	left: 0%;
	text-align: center;
}

.containerPrincipal {
	width: 100%;
	position: relative;
	top: 60%;
	color: white;
}

.containerPrincipal h1 {
	font-family: "Secular-One";
	font-size: 60px;
	color: #ffee00;
	text-shadow: 4px 4px 15px #1b1a19;
}

.containerPrincipal h1 b {
	color: white;
}

.divisor {
	width: 200px;
	margin: auto;
	border: 2px solid #ffee00;
}

.elementor-back {
	margin: 10px;
	font-weight: bold;
}

.elementor-back b {
	color: #adaba9;
	padding-left: 6px;
}

.elementor-back a {
	color: aliceblue;
	font-family: "roboto";
	text-decoration: underline;
	padding-right: 6px;
}

.elementor-back a:hover {
	color: #ffee00;
	transition: all 0.8s;
}

.servico {
	display: flex;
	flex-direction: row;
	text-align: center;
	padding: 0 40px;
}

.div1 {
	padding: 10px;
}

.div1 img {
	width: 500px;
	margin-top: 70px;
	height: 400px;
	border-radius: 2%;
}

.div2 {
	padding: 10px;
}

.textoServico {
	padding: 0 20px;
	margin-top: 50px;
	text-align: justify;
	font-family: "roboto";
}

.textoServico .line-title {
	width: 200px;
	border: 3px solid #ffee00;
}

.textoServico .line-title2 {
	width: 200px;
	border: 3px solid #ffee00;
}

.textoServico h1 {
	font-size: 50px;
}

.textoServico p {
	margin-top: 10px;
	font-size: 20px;
	color: #5b5a59;
}

@media (max-width: 1100px) {
	.servico {
		flex-direction: column;
	}
}

.contador {
	width: 100%;
	height: 250px;
	display: flex;
	justify-content: space-around;
	background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7)),
		url(imagens/fundoOrcamento4.jpg);
	background-size: 100% 100%;
	margin-top: 20px;
}

.flex-container {
	margin: auto;
	width: 350px;
	color: white;
	font-family: "roboto";
	text-align: center;
}

.flex-container :nth-child(n) {
	padding: 5px;
}

.counter-up {
	font-size: 40px;
	font-weight: bold;
}

.flex-container p:nth-child(3) {
	font-size: 37px;
	font-weight: bold;
}

.flex-container p:nth-child(4) {
	font-size: 20px;
	font-weight: bold;
}

.container-title {
	margin: auto;
	padding: 60px 0;
	width: 700px;
	font-family: "roboto", sans-serif;
	text-align: center;
}

.container-title h2 {
	font-size: 25px;
	color: #f0e226;
	font-weight: 1000;
}

.container-title h1 {
	font-size: 50px;
	color: #383837;
}

#galeria {
	width: 100%;
	height: auto;
	padding-bottom: 60px;
	text-align: center;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#galeria a {
	color: black;
}

.serviceItem {
	width: 300px;
	height: 300px;
	margin: 15px;
	border-radius: 10px;
	overflow: hidden;
	transition: box-shadow 1s ease-in-out;
}

.image {
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	transition: 1s;
}

.img-1 {
	background-image: url(imagens/porta-2.jpg);
}

.img-2 {
	background-image: url(imagens/janela-2.jpg);
}

.img-3 {
	background-image: url(imagens/porta-3.jpg);
}

.img-4 {
	background-image: url(imagens/janela.jpg);
}

.img-5 {
	background-image: url(imagens/porta-1.jpg);
}

.img-6 {
	background-image: url(imagens/janela-3.jpg);
}

.serviceItem:hover .image {
	opacity: 1;
	transform: scale(1.13);
}

@media only screen and (max-width: 380px) {
	.div1 img {
		width: 280px;
		height: 200px;
	}

	.servico {
		padding: 0 7px;
	}

	.flex-container :nth-child(n) {
		padding: 2px;
	}

	.counter-up {
		font-size: 25px;
		font-weight: bold;
	}

	.flex-container p:nth-child(3) {
		font-size: 24px;
		font-weight: bold;
	}

	.flex-container p:nth-child(4) {
		font-size: 14px;
		font-weight: bold;
	}

	.flex-container .fa {
		font-size: 50px !important;
	}

	.container-title {
		width: 200px;
	}

	.container-title h2 {
		font-size: 20px;
		color: #f0e226;
		font-weight: 1000;
	}

	.container-title h1 {
		font-size: 40px;
		color: #383837;
	}
}

@media (min-width: 380px) and (max-width: 500px) {
	.servico {
		padding: 0 10px;
	}

	.div1 img {
		width: 300px;
		height: 200px;
	}

	.flex-container p:nth-child(3) {
		font-size: 24px;
		font-weight: bold;
	}

	.flex-container p:nth-child(4) {
		font-size: 14px;
		font-weight: bold;
	}

	.flex-container .fa {
		font-size: 50px !important;
	}

	.container-title {
		width: 200px;
	}

	.container-title h2 {
		font-size: 25px;
		color: #f0e226;
		font-weight: 1000;
	}

	.container-title h1 {
		font-size: 40px;
		color: #383837;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media (min-width: 500px) and (max-width: 700px) {
	.div1 img {
		width: 450px;
		height: 350px;
	}

	.container-title {
		width: 500px;
	}

	.container-title h2 {
		font-size: 25px;
		color: #f0e226;
		font-weight: 1000;
	}

	.container-title h1 {
		font-size: 40px;
		color: #383837;
	}
}