/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
.grid-item > img, .grid-item > a > img {
  width: 100%;
  height: auto;
}
.verde {
  background: #00AA4D;
  color: #fff;
  border-radius: 50%;
	border: 2px solid #000;
}
.no-border {
	border: 0px !important;
}

.verde2 {
	color: #00AA4D !important;}

#page-title2 {
 
 clear: both;
padding: 100px 0;
background-color: #fbfbfb;
position: relative; 
}

#page-title2 .page-title {
  text-align: center;
  padding: 0;
}
.font-little {
	font-size: 20px !important;
	
}

@media (max-width: 575.98px) { 
#page-title {
 
  padding: 50px 0 50px 0 !important;
 
}
	#page-title2 {
 
 clear: both;
padding: 30px 0;
background-color: #fbfbfb;
position: relative; 
}
	
p {
  
  margin: 0px 0 30px 0;
}
h4 {
  margin-bottom: 8px;
  margin: 20px 0 0 0;
}
	[data-bg-image] { background-repeat: no-repeat; background-size: cover; background-position: top center !important; }
	.no-parallax { background-size: cover !important; background-attachment:fixed !important; background-position: center center !important; }
	

.verde {
  background: #00AA4D;
  color: #fff;
  border-radius: 50%;
  background: cover;
	height: 100%;}
	
}
.title-service {
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}