body, html{
	height: 100%;
	margin: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8em;
	color: #666;
}


.pimg1{
	background-image: url('img/background0.jpg');
	min-height: 100%;
}

.pimg2{
	background-image: url('img/footer.jpg');
	min-height: 400px;
}

.pimg3{
	background-image: url('img/tutoriales.jpg');
	min-height:400px;
}


.pimg1{
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.70; 
	/*this is what make us have that parallax effects 
	if we wanna remove that effect we have to set to scroll */
	background-attachment: fixed;
} 

.pimg2, .pimg3{
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.75; 
	/*this is what make us have that parallax effects 
	if we wanna remove that effect we have to set to scroll */
	background-attachment: fixed;
 
} 

.cco-section{
	text-align: center;
	padding : 50px 80px;
}

.section-light{
	background-color: #f2f2f2;
	color: #666;
}

.cco-section-dark{	
	background-color: #4c4c4c;
	color: #ddd;
}

.ptext{
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 27px;
	color: #000;
	letter-spacing: 8px;
	text-transform: uppercase;
}


.ptext-lower{
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 27px;
	color: rgb(0, 0, 0);
	letter-spacing: 8px;
	opacity: 1; 
}

.ptext .cco-border{
	background-color: black;
	color: #fff;
	padding: 20px;
	font-weight: 500;
}

.ptext .cco-border.trans{
	background-color: transparent;
}

.ptext-lower .cco-border-light{
	background-color: black;
	color: #fff;
	padding: 20px;
	font-weight: 500;
}


.cco-list-group{
	list-style: none;
}

.rlc{
	text-decoration: none;
}

/*------------------------------------*\
	Services
\*------------------------------------*/

.cco-service {
    position: relative;
     display: -ms-flexbox;
    display: flex;
    margin: 15px 0px;
    border: 1px solid rgb(213, 211, 211);
	border-radius: 25px;
}

.cco-service i {
 
 
   
    font-size: 32px;
    color: #6195FF;
  
}

.cco-service:hover, .cco-service:hover i{
	background-color: #0969a1;
	color: #FFFFFF;
    transition: 0.2s background-color, color;
}

.cco-service:hover:after {
    width: 100%;
}

.cco-service h3 {
  -webkit-transition: 0.2s color;
  transition: 0.2s color;
}


.cco-info-box {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  background: #ffffff;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
  min-height: 80px;
  padding: .5rem;
  position: relative;
}


@media(max-width : 568px){
	.pimg1, .pimg2, .pimg{
		background-attachment: scroll;
	}
	
	.cco-section{
	text-align: center;
	padding : 25px 20px;
}

.ptext-lower{
 
	font-size: 15px;
 
}


}