@media (max-width: 575.98px) {
	#banner {
		padding: 150px 0px 50px !important;
		margin-top: 40px;
	} #banner a {
		font-size: 14px !important;
	} .connector-1, .connector-2, .connector-3 {
		display: none !important;
	} #cotizacion {
		padding: 80px 0px !important;
	} #portafolio .custom_dots {
		bottom: 0px !important;
  	} #banner #title-1, #banner #title-2 {
    font-size: 30px !important;
	} #slider-portafolio div {
    margin: 10px 0px !important;
	} #empleo a {
		font-size: 12px !important;
	} #experiencia .block {
    	padding: 40px 0px !important;
    	min-height: 300px !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;
	} .connector-1, .connector-2, .connector-3 {
		display: none !important;
	} #cotizacion {
		padding: 80px 0px !important;
	} 
} @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;
	} .connector-1, .connector-2, .connector-3 {
		display: none !important;
	} #cotizacion {
		padding: 80px 0px !important;
	} 
} @media (min-width: 991.98px) and (max-width: 1199.98px) {
}

/* BANNER */
#banner {
	background-image: url('/img/staffing/METODIKA-STAFFING-HEADERIMG.webp');
	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 */
}

/* EXPERIENCIA */
#experiencia {
	padding: 20px 0px;
} #experiencia .block {
	width: 290px;
	background-color: #e3e4e8; /* gray */
	padding: 80px 0px;
	border-radius: 10px;
	min-height: 367px;
} #experiencia .block p {
	font-size: 13px;
	padding: 0px 30px;
	margin: 0px;
}

/* COMO LO HACEMOS */
#comolohacemos {
	margin-top: -160px;
	padding: 180px 0px 50px 0px;
	background-image: url("/img/staffing/METODIKA-STAFFING-BACK.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
} #comolohacemos h2, #comolohacemos p {
	color: #fff; /* white */
} #comolohacemos .block {
	width: 200px;
} #comolohacemos .point-line {
	width: 80%;	
} #comolohacemos a {
	background-color: #f4af19; /* yellow */
	color: #fff; /* white */
	text-decoration: none;
	font-family: "Roboto-Medium";
	padding: 8px 10px;
	border-radius: 5px;
} #comolohacemos a:hover {
	background-color: #fff; /* white */
	color: #0337af; /* blue */
}

/* EMPLEO */
#empleo {
	padding: 30px 0px;
} #empleo a {
	background-color: #f4af19; /* yellow */
	color: #fff; /* white */
	text-decoration: none;
	font-family: "Roboto-Medium";
	padding: 8px 10px;
	border-radius: 5px;
} #empleo a:hover {
	background-color: #0337af; /* blue */
}

/* CURRICULUM */
#curriculum {
	padding: 60px 0px;
	background-image: url("/img/staffing/METODIKA-STAFFING-CINTILLABACK.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
} #curriculum button {
	background-color: #f4af19; /* yellow */
	color: #fff; /* white */
	font-family: "Roboto-Medium";
} #curriculum button:hover {
	background-color: #fff; /* white */
	color: #0337af; /* blue */
}

/* FAQ */
#faq {
	background-color: #e3e4e8; /* gray */
} #faq .card, #faq .card-header {
	background-color: #e3e4e8 !important; /* gray */
} #faq .card-header {
	border-top: 3px solid #0337af !important;
}

/* CALL TO ACTION */
#calltoaction {
	padding: 40px 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; /* blue */	
}

/* MODAL */
#cvmodal #buscar {
	background-color: #0337af; /* blue */
	border-radius: 0px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	color: #fff; /* white */
	font-family: "Roboto-Medium";
} #cvmodal #buscar:hover {
	background-color: #f4af19; /* yellow */
} #cvmodal input {
	border: 0px;
	background-color: #ddd; /* gray */
	padding: 7px 10px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	font-family: "Roboto-Light";
	width: 50%;
} #cvmodal .btn-primary {
	font-family: "Roboto-Medium";
	border: 0px;
  background-color: #0337af; /* blue */	
} #cvmodal .btn-primary:hover {
  background-color: #f4af19; /* yellow */
} #cvmodal .btn-secondary {
	font-family: "Roboto-Medium";
	border: 0px;
	background-color: #666; /* gray */
} #cvmodal .modal-header, #cvmodal .modal-footer {
	border: 0px;
}