@media (max-width: 575.98px) {
	#banner {
		padding: 150px 0px 50px !important;
		margin-top: 40px;
	} #desarrollo-row-1 {
		margin-top: 50px !important;
	} .blue-point {
		font-family: "Roboto-Regular" !important;
		color: #0337af !important; /* blue */
	} .yellow-point {
		color: #f4af19 !important; /* yellow */
		font-family: "Roboto-Regular" !important;
	} #title-1, #title-2 {
		font-size: 23px !important;
	} #banner a {
		font-size: 14px !important;
	} 
} @media (min-width: 575.98px) and (max-width: 767.98px) {
	#banner {
		padding: 150px 0px 50px !important;
		margin-top: 40px;
	} #desarrollo-row-1 {
		margin-top: 50px !important;
	} .blue-point {
		font-family: "Roboto-Regular" !important;
		color: #0337af !important; /* blue */
	} .yellow-point {
		color: #f4af19 !important; /* yellow */ 
		font-family: "Roboto-Regular" !important;
	} #title-1, #title-2 {
		font-size: 23px !important;
	} #banner a {
		font-size: 14px !important;
	}
} @media (min-width: 767.98px) and (max-width: 991.98px) {
	#banner {
		padding: 150px 0px 50px !important;
		margin-top: 40px;
	} #desarrollo-row-1 {
		margin-top: 50px !important;
	} .blue-point {
		font-family: "Roboto-Regular" !important;
		color: #0337af !important; /* blue */
	} .yellow-point {
		color: #f4af19 !important; /* yellow */
		font-family: "Roboto-Regular" !important;
	} #title-1, #title-2 {
		font-size: 23px !important;
	} #banner a {
		font-size: 14px !important;
	}
} @media (min-width: 991.98px) and (max-width: 1199.98px) {
}

/* BANNER */
#banner {
	background-image: url('/img/desarrollo-software/Banner.webp');
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	padding: 250px 0px 50px;
} #banner #title-1 {
	font-size: 50px;
	font-family: "Roboto-Light";
	line-height: 1;
	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 */
}

/* DESARROLLO */
#desarrollo-row-1 {
	margin-top: 200px;
} #desarrollo-row-1 p, #desarrollo-row-2 p {
	line-height: 1.2;
	margin: 0px;
} #desarrollo-row-1 .yellow-point, #desarrollo-row-2 .yellow-point, #desarrollo-row-3 .yellow-point, #desarrollo-row-4 .yellow-point {
	color: #f4af19; /* yellow */
	font-family: "Roboto-Regular";
} #desarrollo-row-1 .desarrollo-point-right, #desarrollo-row-2 .desarrollo-point-right, 
#desarrollo-row-3 .desarrollo-point-right, #desarrollo-row-4 .desarrollo-point-right {
	color: #fff !important; /* white */
	font-family: "Roboto-Light";
	font-size: 12px;
} #desarrollo-row-2 .blue-point, #desarrollo-row-3 .blue-point, #desarrollo-row-4 .blue-point {
	font-family: "Roboto-Regular";
	color: #0337af; /* blue */
} #desarrollo-row-2 .desarrollo-point-left, #desarrollo-row-3 .desarrollo-point-left, #desarrollo-row-4 .desarrollo-point-left {
	font-family: "Roboto-Light";
	font-size: 12px;
} .conectors {
	background-image: url('/img/desarrollo-software/conectors.webp');
	background-repeat: no-repeat;
	background-size: contain;
	background-position-x: 60%;
	background-position-y: 40px;
}

/* SOLUCIONES */
#soluciones {
	padding: 30px 0px;
} #soluciones .block {
	max-width: 280px;
} #soluciones .title {
	 font-family: "Roboto-Bold";
	font-size: 18px;
} #soluciones p {
	text-align-last: center;
	font-size: 14px;
} #soluciones img {
	width: 122px;
}