@charset "utf-8";

@media screen and (min-width:2160px) and (max-width:3840px){
	#dv-introserv{padding: 25px 0px; font-family:;}
	#dv-introserv .introserv{text-align: justify; font-size: 25px;}
	.introserv{column-count: 3; column-gap: 15px; column-rule: 1px dotted #036; width: 100%;}
/*ESTILIZAR ÁREA DE BLOCOS DE SERVIÇOS*/
	.sect-gservblocs{background: linear-gradient(#00796b, #036);
		margin:5px 0; padding:55px 0}
	/**/
	#dvggridserv{display:grid; grid-template-columns:repeat(3, 1fr); 
		grid-gap:35px;}
	.artservic{box-shadow:1px 3px 3px #fff; position:relative;
		padding: 0; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear; overflow: hidden;}
	.artservic:hover{box-shadow: 0 0 8px red;}
	.artservic figure{padding:0; margin:0; position: relative;}
	.figcapt{margin:0; width: 100%; font-size:21px; font-family:Arial Narow; 
		font-weight: 550; text-align:center; color:#fff; padding:7px 0 2px 0;
		 height:55px; background-image:linear-gradient(transparent, rgba(0, 0, 0, 1.0))}
	.artservic img{width:100%; height:280px; margin: 0;
	 object-fit: cover; transition: all 0.5s linear; display: block;}
	.artservic:hover img{filter: grayscale(1); scale:1.1}
	.plinkpag{position: absolute; top:45%; left:0; padding:3px 7px;  
		background:#00796b; transition:all .5s ease}
	.plinkpag:hover{background:darkred; box-shadow: 0 0 19px #00796b;}
	.plinkpag a{color:#fff; font-style: italic; font-size: 21px}
}
@media screen and (min-width:1680px) and (max-width:2159px){
	#dv-introserv{padding: 25px 0px; font-family:;}
	#dv-introserv .introserv{text-align: justify; font-size: 22px;}
	.introserv{column-count: 3; column-gap: 15px; column-rule: 1px dotted #036; width: 100%;}

/*ESTILIZAR ÁREA DE BLOCOS DE SERVIÇOS*/
	.sect-gservblocs{background: linear-gradient(#00796b, #036);
		margin:5px 0; padding:55px 0}
	/**/
	#dvggridserv{display:grid; grid-template-columns:repeat(2, 1fr); 
		grid-gap:55px;}
	.artservic{box-shadow:1px 3px 3px #fff; position:relative;
		padding: 0; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear; overflow: hidden;}
	.artservic:hover{box-shadow: 0 0 8px red;}
	.artservic figure{padding:0; margin:0; position: relative;}
	.figcapt{margin:0; width: 100%; font-size:22px; font-family:Arial Narow; 
		font-weight: 550; text-align:center; color:#fff; padding:7px 0 2px 0;
		 height:55px; background-image:linear-gradient(transparent, rgba(0, 0, 0, 1.0))}
	.artservic img{width:100%; height:280px; margin: 0;
	 object-fit: cover; transition: all 0.5s linear; display: block;}
	.artservic:hover img{filter: grayscale(1); scale:1.1}
	.plinkpag{position: absolute; top:45%; left:0; padding:3px 7px;  
		background:#00796b; transition:all .5s ease}
	.plinkpag:hover{background:darkred; box-shadow: 0 0 19px #00796b;}
	.plinkpag a{color:#fff; font-style: italic; font-size: 21px}
}

@media (min-width:1024px) and (max-width:1679px){
	#dv-introserv{padding: 18px 0px; font-family:;}
	#dv-introserv .introserv{text-align: justify; font-size: 18px;}
	.introserv{column-count: 3; column-gap: 15px; column-rule: 1px dotted #036; width: 100%;}

/*ESTILIZAR ÁREA DE BLOCOS DE SERVIÇOS*/
	.sect-gservblocs{background: linear-gradient(#00796b, #036);
		margin:5px 0; padding:55px 0}
	/**/
	#dvggridserv{display:grid; grid-template-columns:repeat(2, 1fr); 
		grid-gap:50px;}
	.artservic{box-shadow:1px 3px 3px #fff; position:relative;
		padding: 0; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear; overflow: hidden;}
	.artservic:hover{box-shadow: 0 0 8px red;}
	.artservic figure{padding:0; margin:0; position: relative;}
	.figcapt{margin:0; width: 100%; font-size:20px; font-family:Arial Narow; 
		font-weight: 550; text-align:center; color:#fff; padding:2px 0; height:50px; 
		background-image:linear-gradient(transparent, rgba(0, 0, 0, 1.0))}
	.artservic img{width:100%; height:230px; margin: 0;
	 object-fit: cover; transition: all 0.5s linear; display: block;}
	.artservic:hover img{filter: grayscale(1); scale:1.1}
	.plinkpag{position: absolute; top:45%; left:0; padding:3px 5px;  
		background:#00796b; transition:all .5s ease}
	.plinkpag:hover{background:darkred; box-shadow: 0 0 19px #00796b;}
	.plinkpag a{color:#fff; font-style: italic;}

}


@media (min-width:768px) and (max-width:1023px){
	#dv-introserv{padding: 18px 0px; font-family:;}
	#dv-introserv .introserv{text-align: justify; font-size: 17px;}
	.introserv{column-count: 3; column-rule: 1px dotted #036;
		width: 100%; padding:0 10px}

/*ESTILIZAR ÁREA DE BLOCOS DE SERVIÇOS*/
	.sect-gservblocs{background: linear-gradient(#00796b, #036);
		margin:5px 0; padding:55px 0}
	/**/
	#dvggridserv{display:grid; grid-template-columns:repeat(2, 1fr); 
		grid-gap:30px; padding:0 10px}
	.artservic{box-shadow:1px 3px 3px #fff; position:relative;
		padding: 0; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear; overflow: hidden;}
	.artservic:hover{box-shadow: 0 0 8px red;}
	.artservic figure{padding:0; margin:0; position: relative;}
	.figcapt{margin:0; width: 100%; font-size:19px; font-family:Arial Narow; 
		font-weight: 550; text-align:center; color:#fff; padding:2px 0; 
		height:65px; background-image:linear-gradient(transparent, rgba(0, 0, 0, 1.0))}
	.artservic img{width:100%; height:200px; margin: 0;
	 object-fit: cover; transition: all 0.5s linear; display: block;}
	.artservic:hover img{filter: grayscale(1); scale:1.1}
	.plinkpag{position: absolute; top:45%; left:0; padding:3px 5px;  
		background:#00796b; transition:all .5s ease}
	.plinkpag:hover{background:darkred; box-shadow: 0 0 19px #00796b;}
	.plinkpag a{color:#fff; font-style: italic;}

}
/*-----------------------------------------------------------------------------------------*/

@media (min-width:480px) and (max-width:767px){
	#dv-introserv{padding: 18px 0px; font-family:;}
	#dv-introserv .introserv{text-align: justify; font-size: 16px;}
	.introserv{column-count: 2; column-rule: 1px dotted #036;
		width: 100%; padding:0 10px}

/*ESTILIZAR ÁREA DE BLOCOS DE SERVIÇOS*/
	.sect-gservblocs{background: linear-gradient(#00796b, #036);
		margin:5px 0; padding:55px 0}
	/**/
	#dvggridserv{display:grid; grid-template-columns:repeat(2, 1fr); 
		grid-gap:20px; padding:0 10px}
	.artservic{box-shadow:1px 3px 3px #fff; position:relative;
		padding: 0; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear; overflow: hidden;}
	.artservic:hover{box-shadow: 0 0 8px red;}
	.artservic figure{padding:0; margin:0; position: relative;}
	.figcapt{margin:0; width: 100%; font-size:18px; font-family:Arial Narow; 
		font-weight: 550; text-align:center; color:#fff; padding:2px 0; 
		height:65px; background-image:linear-gradient(transparent, rgba(0, 0, 0, 1.0))}
	.artservic img{width:100%; height:130px; margin: 0;
	 object-fit: cover; transition: all 0.5s linear; display: block;}
	.artservic:hover img{filter: grayscale(1); scale:1.1}
	.plinkpag{position: absolute; top:45%; left:0; padding:2px 5px;  
		background:#00796b; transition:all .5s ease;}
	.plinkpag:hover{background:darkred; box-shadow: 0 0 19px #00796b;}
	.plinkpag a{color:#fff; font-style: italic; font-size:15px}
}
/*----------------------------------------------------------------------------------------*/

@media (min-width:320px) and (max-width:479px){
	#dv-introserv{padding: 18px 0px; font-family:;}
	#dv-introserv .introserv{text-align: justify; font-size: 15px;}
	.introserv{column-count: 1; width: 100%; padding:0 10px}

/*ESTILIZAR ÁREA DE BLOCOS DE SERVIÇOS*/
	.sect-gservblocs{background: linear-gradient(#00796b, #036);
		margin:5px 0; padding:55px 0}
	/**/
	#dvggridserv{display:grid; grid-template-columns:repeat(1, 1fr); 
		grid-gap:20px; padding:0 10px}
	.artservic{box-shadow:1px 3px 3px #fff; position:relative;
		padding: 0; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear; overflow: hidden;}
	.artservic:hover{box-shadow: 0 0 8px red;}
	.artservic figure{padding:0; margin:0; position: relative;}
	.figcapt{margin:0; width: 100%; font-size:18px; font-family:Arial Narow; 
		font-weight: 550; text-align:center; color:#fff; padding:2px 0; 
		height:65px; background-image:linear-gradient(transparent, rgba(0, 0, 0, 1.0))}
	.artservic img{width:100%; height:140px; margin: 0;
	 object-fit: cover; transition: all 0.5s linear; display: block;}
	.artservic:hover img{filter: grayscale(1); scale:1.1}
	.plinkpag{position: absolute; top:45%; left:0; padding:2px 5px;  
		background:#00796b; transition:all .5s ease;}
	.plinkpag:hover{background:darkred; box-shadow: 0 0 19px #00796b;}
	.plinkpag a{color:#fff; font-style: italic; font-size:15px}
}
/*-----------------------------------------------------------------------------------------*/

@media (min-width:240px) and (max-width:319px){
	#dv-introserv{padding: 18px 0px; font-family:;}
	#dv-introserv .introserv{text-align: justify; font-size: 14.5px;}
	.introserv{column-count: 1; width: 100%; padding:0 10px}

/*ESTILIZAR ÁREA DE BLOCOS DE SERVIÇOS*/
	.sect-gservblocs{background: linear-gradient(#00796b, #036);
		margin:5px 0; padding:55px 0}
	/**/
	#dvggridserv{display:grid; grid-template-columns:repeat(1, 1fr); 
		grid-gap:20px; padding:0 10px}
	.artservic{box-shadow:1px 3px 3px #fff; position:relative;
		padding: 0; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear; overflow: hidden;}
	.artservic:hover{box-shadow: 0 0 8px red;}
	.artservic figure{padding:0; margin:0; position: relative;}
	.figcapt{margin:0; width: 100%; font-size:17px; font-family:Arial Narow; 
		font-weight: 550; text-align:center; color:#fff; padding:2px 0; 
		height:65px; background-image:linear-gradient(transparent, rgba(0, 0, 0, 1.0))}
	.artservic img{width:100%; height:130px; margin: 0;
	 object-fit: cover; transition: all 0.5s linear; display: block;}
	.artservic:hover img{filter: grayscale(1); scale:1.1}
	.plinkpag{position: absolute; top:45%; left:0; padding:2px 5px;  
		background:#00796b; transition:all .5s ease;}
	.plinkpag:hover{background:darkred; box-shadow: 0 0 19px #00796b;}
	.plinkpag a{color:#fff; font-style: italic; font-size:15px}
}

@media (min-width:1px) and (max-width:239px){
		
}