@media (max-width: 575.98px) {
	#banner {
		padding: 150px 0px 50px !important;
		margin-top: 40px;
	} #banner a {
		font-size: 14px !important;
	} #banner #title-2 {
    	font-size: 38px !important;
	} #proceso-phone #line-point {
		display: none;
	} #proceso {
		display: none;
	} #proceso-phone {
		display: block;
	} #tecnologias .tecnologias-img {
		width: 100% !important;
	} #slider-portafolio img {
    	max-height: 260px !important;
  	} #proyectos #name {
		font-size: 24px !important;
	}
} @media (min-width: 575.98px) and (max-width: 767.98px) {
	#banner {
		padding: 150px 0px 50px !important;
		margin-top: 40px;
	} #banner a {
		font-size: 14px !important;
	} #proceso #line-point {
		width: 100%;
	}
} @media (min-width: 767.98px) and (max-width: 991.98px) {
	#banner {
		padding: 150px 0px 50px !important;
		margin-top: 40px;
	} #banner a {
		font-size: 14px !important;
	} #proceso #line-point {
		width: 100%;
	}
} @media (min-width: 991.98px) and (max-width: 1199.98px) {
	#proceso #line-point {
		width: 100%;
	}
}

/* BANNER */
#banner {
	/*background-image: url('/img/paginas/METODIKA-WEB-HEADERIMG.webp');*/
	background-color: #0337af;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	padding: 250px 0px 200px;
} #banner #title-1 {
	font-size: 50px;
	font-family: "Roboto-Light";
	line-height: 1;
	color: #272828 ; /* black */
	text-shadow: 1px 1px 5px #fff;
} #banner #title-2 {
	font-size: 50px;
	line-height: 1;
	font-family: "Roboto-Medium";
	color: #0337af; /* blue */
	text-shadow: 1px 1px 5px #fff;
} #banner a {
	background-color: #0337af; /* blue */
	color: #fff; /* white */
	text-decoration: none;
	font-family: "Roboto-Medium";
	padding: 8px 10px;
	border-radius: 5px;
} #banner a:hover {
  background-color: #f4af19; /* yellow */
}

/* DISEÑO */
#diseno {
	padding: 80px 0px;
}

/* PROCESO */
#proceso {
	padding: 60px;
	background-image: url("/img/paginas/METODIKA-WEB-LINEBACK.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
} #proceso h2, #proceso p {
	color: #fff; /* white */
} #proceso a {
	background-color: #f4af19; /* yellow */
	color: #fff; /* white */
	text-decoration: none;
	font-family: "Roboto-Medium";
	padding: 8px 10px;
	border-radius: 5px;
} #proceso a:hover {
	background-color: #fff; /* white */
  color: #0337af; /* blue */
}

/* PROCESO-PHONE */
#proceso-phone {
	padding: 60px;
	background-image: url("/img/paginas/METODIKA-WEB-LINEBACK.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
} #proceso-phone h2, #proceso-phone p {
	color: #fff; /* white */
} #proceso-phone a {
	background-color: #f4af19; /* yellow */
	color: #fff; /* white */
	text-decoration: none;
	font-family: "Roboto-Medium";
	padding: 8px 10px;
	border-radius: 5px;
} #proceso-phone a:hover {
	background-color: #fff; /* white */
  color: #0337af; /* blue */
}

/* BENEFICIOS */
#beneficios {
	padding: 80px 0px;
} #beneficios .block {
	width: 90%;
} #beneficios p {
	text-align-last: center;
} #beneficios a {
	background-color: #f4af19; /* yellow */
	color: #fff; /* white */
	text-decoration: none;
	font-family: "Roboto-Medium";
	padding: 8px 10px;
	border-radius: 5px;
} #beneficios a:hover {
	background-color: #0337af; /* white */
}

/* SERVICIOS */
#servicios {
	padding: 0 0 30px;
} #servicios .block {
	background-color: #f6f7fb; /* gray */
	padding: 50px;
	width: 320px;
	min-height: 257px;
}

/* TECNOLOGIAS */
#tecnologias {
	background-image: url("/img/paginas/METODIKA-WEB-LINEBACK.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
  	padding: 480px 0px 80px 0px;
	margin-top: -450px;
} #tecnologias h2{
	color: #fff; /* white */
} #tecnologias div {
	color: #fff; /* white */
} #tecnologias .tecnologias {
	font-family: "Roboto-Bold"
}

/* PROYECTOS */
#proyectos {
	padding: 80px 0px 0px;
} #proyectos img {
	max-width: 100%;
} #proyectos .custom_dots {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  list-style: none;
} #proyectos .custom_dots li {
  float: left ;
  width: 10px;
  height: 10px;
  border: 1px solid #cdcdd2; /* light gray */
  margin-right: 10px;
  border-radius: 100%;
  cursor: pointer;
} #proyectos .custom_dots .slick-active {
  background-color: #0337af; /* blue */
} #proyectos #name {
	font-family: "Roboto-Light";
	color: #0337af;
	font-size: 30px;
}

/* CALL TO ACTION */
#calltoaction {
	padding: 80px 0px;
	background-image: url('/img/staffing/METODIKA-STAFFING-CALLTOACTION-BACK.webp');
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
} #calltoaction p {
	color: #fff; /* white */
	margin: 0px;
} #calltoaction .title {
	font-family: "Roboto-Regular";
	font-size: 34px;
} #calltoaction .subtitle {
	font-family: "Roboto-Regular";
	font-size: 20px;	
} #calltoaction a {
	background-color: #f4af19; /* yellow */
	color: #fff; /* white */
	text-decoration: none;
	font-family: "Roboto-Medium";
	padding: 8px 10px;
	border-radius: 5px;
	font-size: 18px;
} #calltoaction a:hover {
	color: #0337af; /* blue */	
	background-color: #fff; /* white */	
}