@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap');
*{margin: 0;padding: 0;box-sizing: border-box;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
navbar {background: #fff;}
/* ALL CONTENT */
.all-content {
	position: absolute;
	top: 115px;
	left: 0px;
	width: 100%;
	padding: 70px 0px 0px 0px;
	background: linear-gradient(#ebebeb,#fff);
	background-repeat: none;
}
.all-content .servicios {max-width: 1000px;width: 100%;margin: auto;padding: 0px 0px 70px 0px;}
.all-content .servicios h1 {
	font-size: 32px;
	font-family: 'Roboto Slab', serif;
	font-weight: 100;
	color: #53565A;
	text-align: center;
	margin-bottom: 15px;
}
.all-content .servicios .p-container {width: 100%;display: flex;justify-content: center;}
.all-content .servicios p {
	font-size: 18px;
	font-family: 'Roboto', serif;
	font-weight: 300;
	color: #53565A;
	text-align: center;
	margin-bottom: 35px;
	max-width: 600px;
}
.all-content .servicios .servicios-container {display: flex;justify-content: center;}
.all-content .servicios .servicios-container .servicio {width: 33.3%;padding: 20px;text-align: center;border-right: 1px solid #dde5ed;}
.all-content .servicios .servicios-container .servicio:nth-child(3) {border-right: 0;}
.all-content .servicios .servicios-container .servicio img {width: 55px;height: auto;margin-bottom: 15px;}
.all-content .servicios .servicios-container .servicio h2 {
	font-family: 'Roboto Slab', serif;
	color: #53565A;
	font-weight: 100;
	margin-bottom: 15px;
	font-size: 20px;
}
.all-content .servicios .servicios-container .servicio p {
	font-family: 'Roboto', serif;
	font-size: 16px;
	color: #53565A;
	margin-bottom: 25px;
	font-weight: 300;
}
.all-content .servicios .servicios-container .servicio .btn-cotainer {
	width: 100%;
	display: flex;
	justify-content: center;
}
.all-content .servicios .servicios-container .servicio .btn-cotainer .btn {
	background: #6CC24A;
	width: 140px;
	height: 40px;
	border-radius: 3px;
	position: relative;
	overflow: hidden;
}
.all-content .servicios .servicios-container .servicio .btn-cotainer .btn a {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
	color: #fff;
	font-family: 'Roboto', serif;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
}
.all-content .servicios .servicios-container .servicio .btn-cotainer .btn div {
	background: rgba(0,0,0,.1);
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	transform: translate(-100%, -100%);
	transition: all 0.3s ease;
}
.all-content .servicios .servicios-container .servicio .btn-cotainer .btn:hover div {transform: translate(0, 0);}

@media screen and (max-width: 599px){
    .all-content .servicios .servicios-container{flex-wrap:wrap;}
    .all-content .servicios .servicios-container .servicio{width:100%;padding:25px 20px;}
    .all-content .servicios .servicios-container .servicio:first-child{padding-top:0;}
    .all-content .servicios .servicios-container .servicio:last-child{padding-bottom:0;}
    .all-content .servicios h1{font-size:2.5rem;margin-bottom:25px;}
    .all-content .servicios .servicios-container .servicio img{width:45px;}
    .all-content .servicios .servicios-container .servicio h2{margin-bottom:10px;}
    .all-content .servicios .servicios-container .servicio .btn-cotainer .btn{width:110px;height:35px;}
}

@media screen and (max-width: 899px) and (min-width: 600px) {
    .all-content .servicios .servicios-container .servicio{padding:25px 20px;}
    .all-content .servicios h1{font-size:2.7rem;margin-bottom:25px;}
    .all-content .servicios .servicios-container .servicio img{width:50px;}
    .all-content .servicios .servicios-container .servicio h2{margin-bottom:15px;}
    .all-content .servicios .servicios-container .servicio .btn-cotainer .btn{width:120px;height:35px;}
}