@charset "utf-8";
/* CSS Document */

/*GENERALES*/
.title {
    color: #A4A5A4;
    font-family: 'Nunito-ExtraBold';
    font-size: 14rem;
    margin-bottom: 4%;
	line-height: 90%;
    text-align: left;
}

.parrafo {
    color: #2B2A29;
    font-family: 'Nunito-Regular';
    font-size: 2.4rem;
    line-height: 120%;
    margin-bottom: 5%;
    text-align: left;
}
.figure1nav {
    position: absolute;
    left: 25%;
    bottom: 20px;
    z-index: 22;
}
.overflow{ 
	overflow-y:auto;
}
.overflow-a{
	height:346px;
}

/* EL PACTO */
.pacto{
	background-color: #fff;
	background-image: url("../images/pacto/bg.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-bottom: 90px;
	padding-top: 50px;
}
.pacto-fluid{
	padding-left: 220px;
	padding-right: 220px;
}
.pacto-row{
	margin-bottom: 7%;
}
.pacto-a{
	background-color: #B16C10;
	border: 2px solid #B16C10;
	border-radius: 50px;
	color: #fff;
	display: block;
	font-family: 'Nunito-Black';
	font-size: 3rem;
	line-height: 105%;
	padding: 5px 30px 18px;
	width: 80%;
	text-align: center;
}
.pacto-a:hover{
	background-color: #fff;
	color: #B16C10;
}
.otraslineas-div{
	width: 20%;
}
.otraslineas-pi {
    background-color: #A7C048;
}
.otraslineas-me {
    background-color: #136D2E;
}
.otraslineas-fd {
    background-color: #D12634;
}
.otraslineas-ff {
    background-color: #F0BE3F;
}
.otraslineas-div {
    color: #fff;
    font-family: 'Nunito-Black';
    font-size: 2rem;
    text-align: center;
    padding-bottom: 45px;
    padding-top: 45px;
}
.pacto-div1p{}
.pacto-div2p {
    padding-left: 3%;
    padding-right: 3%;
}

.pactofigure-1{
	position: relative;
	top: 30px;
}
.pactofigure-2 {
    position: relative;
    float: right;
    right: -15%;
	bottom: -35px;
}

/* VISION */
.vision{
	background-color: #fff;
	background-image: url("../images/vision/bg.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-bottom: 90px;
	padding-top: 50px;
}
.vision-fluid{
	padding-left: 230px;
	padding-right: 230px;
}

.vision-p {
    color: #2B2A29;
    font-family: 'Nunito-Regular';
    font-size: 2.5rem;
    line-height: 120%;
    margin-bottom: 5%;
    text-align: left;
}
.vision-p2{
	color: #A4A5A4;
    font-family: 'Nunito-ExtraBold';
    font-size: 3rem;
	font-style: italic;		
    line-height: 120%;
    margin-bottom: 5%;
    text-align: center;
}

.vision-divul{
	
}
.vision-ul{
	padding-left: 0;
	list-style-type: none;
}
.vision-ul li{
	color: #2B2A29;
    font-family: 'Nunito-SemiBold';
    font-size: 3rem;
	line-height: 120%;
	margin-bottom: 4%;
	padding-left: 13%;
	position: relative;
}
.vision-ul li:after{
	background-color: #EDA600;
	border-radius: 30px;
	content: "";
	left: 0;
	height: 15px;
	width: 97px;
	position: absolute;
	top: 15px;
}
.vision-a{
	background-color: #D98E28;
	border: 2px solid #D98E28;
	border-radius: 50px;
	color: #fff;
	display: block;
	font-family: 'Nunito-Black';
	font-size: 3rem;
	line-height: 105%;
	padding: 15px 30px 18px;
	width: 80%;
	text-align: center;
}
.vision-a:hover{
	background-color: #fff;
	color: #D98E28;
}

.vision-fig1{
	position: relative;
	left: -9%;
}
.vision-fig2{
	position: relative;
	float: right;	
}
.vision-fig3{
	position: relative;
	float: right;
	bottom: 73px;
	z-index: 0;
}


/* EDUCACIÓN EN SANTANDER */

.edusant{
	background-color: #fff;
	background-image: url("../images/edusant/bg.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-bottom: 90px;
	padding-top: 50px;
	position: relative;
}
.edusant-fluid{
	padding-left: 230px;
	padding-right: 230px;
}
.edusant-row{
	margin-bottom: 5%;
}

.edusant-p {
    color: #2B2A29;
    font-family: 'Nunito-Regular';
    font-size: 2.4rem;
    line-height: 120%;
    margin-bottom: 5%;
    text-align: left;
}

.edusant-divp{}
.edusant-divp2 {
    padding-left: 3%;
}

.edusant-divul{
	
}
.edusant-ul{
	padding-left: 0;
	list-style-type: none;
}
.edusant-ul li{
	color: #2B2A29;
    font-family: 'Nunito-Black';
    font-size: 3rem;
	line-height: 120%;
	margin-bottom: 4%;
	padding-left: 13%;
	position: relative;
}
.edusant-ul li:after{
	background-color: #EDA600;
	border-radius: 30px;
	content: "";
	left: 0;
	height: 15px;
	width: 97px;
	position: absolute;
	top: 15px;
}
.edusant-a{
	background-color: #D98E28;
	border: 2px solid #D98E28;
	border-radius: 50px;
	color: #fff;
	display: block;
	font-family: 'Nunito-Black';
	font-size: 3rem;
	line-height: 105%;
	padding: 15px 30px 18px;
	width: 80%;
	text-align: center;
}
.edusant-a:hover{
	background-color: #fff;
	color: #D98E28;
}

.edusant-fig1{
	position: relative;
	left: 3%;
}
.edusant-fig2 {
    position: absolute;
    right: 0;
    float: right;
    bottom: 0;
}


/* HISTORIA DEL PACTO */

.historia{
	background-color: #fff;	
	padding-bottom: 50px;
	padding-top: 50px;
	position: relative;
}
.historia-fluid{
	padding-left: 230px;
	padding-right: 230px;
}
.historia-row{
	margin-bottom: 5%;
}

.historia-p {
    color: #2B2A29;
    font-family: 'Nunito-Regular';
    font-size: 2.4rem;
    line-height: 120%;
    margin-bottom: 5%;
    text-align: left;
}
.historia-p span{
	font-family: 'Nunito-Black';
}
.historia-p-mt{
	margin-top: 8%;
}
.historia-divp{}
.historia-divp2 {
    padding-left: 3%;
}

.historia-a{
	background-color: #F0BE3F;
	border: 2px solid #F0BE3F;
	border-radius: 50px;
	color: #fff;
	display: block;
	font-family: 'Nunito-Black';
	font-size: 3rem;
	line-height: 105%;
	padding: 15px 30px 18px;
	width: 90%;
	text-align: center;
}
.historia-a:hover{
	background-color: #fff;
	color: #F0BE3F;
}

.historia-fig2{
	position: relative;
	left: 0%;
}
.historia-fig3 {
    position: absolute;
    left: 0%;
    bottom: 50px;
}
.historia-fig4 {
    position: absolute;
    right: 5%;
    float: right;
    bottom: 70px;
}

.historia-ruta{
	padding-top: 50px;
}
.historia-mapa{
	background-image: url("../images/historiapacto/mapa.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 920px;
	position: relative;
	top: -150px;
}

.formadora {
    width: 185px;
    text-align: center;
    position: relative;
    margin-left: 24%;
    margin-top: 40%;
	font-family: 'Nunito-Black';
	font-size: 2rem;
}
.formadora a{
	color: #F0BE3F;
}
.infancia{
	width: 185px;
	text-align: center;
	margin-top: 58%;
	font-family: 'Nunito-Black';
	font-size: 2rem;
}
.infancia a{
	color: #A7C048;
}

.modelo {
    width: 185px;
    text-align: center;
    margin-left: 17%;
    position: relative;
    top: -50px;
	font-family: 'Nunito-Black';
	font-size: 2rem;
}
.modelo a{
	color: #136D2E;
}
.docente {
    width: 185px;
    text-align: center;
    margin-left: 19%;
    margin-top: 12%;
	font-family: 'Nunito-Black';
	font-size: 2rem;
}
.docente a{
	color: #D12634;
}

.visiondesktop{}
.visionmovil{
	display: none;
}

.pactobtndesktop{}
.pactobtnmovil{
	display: none;
}



/*------RESPONSIVE----*/

@media screen and (min-width:320px) and (max-width:479px){
	
	.pacto-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}

	.title {
		font-size: 5rem;
		text-align: center;
	}
	.parrafo{
		font-size: 1.7rem;
	}
	.figure1nav{
		display: none;
	}
	.historia-p{
		font-size: 1.7rem;
		text-align: center;
	}
	.historia-divp2 {
		padding-left: 15px;
	}

	.pacto-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 30px 15px;
	}
	.pactofigure-2 {
		position: relative;
		float: right;
		right: 0;
		bottom: 0;
		width: 50%;
		top: 17px;
	}
	
	.edusant-fluid{
		padding-left: 10px;
		padding-right: 10px;
	}
	.edusant-p{
		font-size: 1.7rem;
		text-align: center;
	}
	
	.edusant-divp2{
		padding-left: 15px;
	}
	.edusant-ul li{
		font-size: 2rem;
	}
	
	.edusant-ul li::after {
		height: 10px;
		width: 35px;
		top: 8px;
	}
	.edusant-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 30px 15px;
	}
	.edusant-fig1{
		width: 6%;
	}
	
	.edusant-fig2{
		width: 46%;
	}
	
	.vision-fluid{
		padding-left: 10px;
		padding-right: 10px;
	}	
	.vision-p{
		font-size: 1.7rem;
		text-align: center;
	}
	.vision-ul li{
		font-size: 2rem;
	}	
	.vision-ul li::after {
		height: 10px;
		width: 35px;
		top: 8px;
	}
	.vision-p2{
		font-size: 2rem;
	}
	.vision-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 30px 15px;
	}
	.vision-fig3 {
		bottom: 0;
		width: 18%;
	}
	.vision-fig1 {
		width: 18%;
	}
	.visiondesktop{
		display: none;
	}
	.visionmovil{
		display: block;
	}

	.historia-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.historia-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 15px 15px;
	}
	.historia-mapa {		
		height: 504px;
		position: relative;
		top: 0;
		width: 90%;
		margin-left: 5%;
	}
	
	.formadora{
		width: 96px;
		font-size: 1.5rem;
	}
	
	.infancia {
		width: 96px;
		font-size: 1.5rem;
		margin-top: 0;
		position: relative;
		left: 50%;
	}
	
	.modelo{
		width: 96px;
		font-size: 1.5rem;
		margin-left: 9%;
		top: -27px;
	}
	
	.docente {
		width: 96px;
		font-size: 1.5rem;
		position: relative;
		float: right;
		margin-right: 10%;
		margin-left: 0;
		margin-top: 0;
		top: -55px;
	}
	
	.historia-fig4 {
		position: relative;
		right: 5%;		
		bottom: 19px;
		width: 25%;
	}
	
	.historia-fig3 {
		position: absolute;
		left: 0%;
		bottom: 0;
		width: 32%;
	}
	
	.pactobtndesktop{
		display: none !important;
	}
	.pactobtnmovil{
		display: block !important;
	}

	.otraslineas-div {
		width: 100%;
	}
	
}

@media screen and (min-width:480px) and (max-width:599px){
	
	.pacto-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}

	.title {
		font-size: 5rem;
		text-align: center;
	}
	.parrafo{
		font-size: 1.7rem;
	}
	.figure1nav{
		display: none;
	}
	.historia-p{
		font-size: 1.7rem;
		text-align: center;
	}
	.historia-divp2 {
		padding-left: 15px;
	}

	.pacto-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 30px 15px;
	}
	.pactofigure-2 {
		position: relative;
		float: right;
		right: 0;
		bottom: 0;
		width: 50%;
		top: 17px;
	}
	
	.edusant-fluid{
		padding-left: 10px;
		padding-right: 10px;
	}
	.edusant-p{
		font-size: 1.7rem;
		text-align: center;
	}
	
	.edusant-divp2{
		padding-left: 15px;
	}
	.edusant-ul li{
		font-size: 2rem;
	}
	
	.edusant-ul li::after {
		height: 10px;
		width: 35px;
		top: 8px;
	}
	.edusant-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 30px 15px;
	}
	.edusant-fig1{
		width: 6%;
	}
	
	.edusant-fig2{
		width: 46%;
	}
	
	.vision-fluid{
		padding-left: 10px;
		padding-right: 10px;
	}	
	.vision-p{
		font-size: 1.7rem;
		text-align: center;
	}
	.vision-ul li{
		font-size: 2rem;
	}	
	.vision-ul li::after {
		height: 10px;
		width: 35px;
		top: 8px;
	}
	.vision-p2{
		font-size: 2rem;
	}
	.vision-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 30px 15px;
	}
	.vision-fig3 {
		bottom: 0;
		width: 18%;
	}
	.vision-fig1 {
		width: 18%;
	}
	.visiondesktop{
		display: none;
	}
	.visionmovil{
		display: block;
	}

	.historia-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.historia-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 15px 15px;
	}
	.historia-mapa {		
		height: 565px;
		position: relative;
		top: 0;
		width: 90%;
		margin-left: 5%;
	}
	
	.formadora{
		width: 123px;
		font-size: 1.5rem;
	}
	
	.infancia {
		width: 123px;
		font-size: 1.5rem;
		margin-top: -35px;
		position: relative;
		left: 53%;
	}
	
	.modelo {
		width: 123px;
		font-size: 1.5rem;
		margin-left: 15%;
		top: -40px;
	}
	
	.docente {
		width: 123px;
		font-size: 1.5rem;
		position: relative;
		float: right;
		margin-right: 10%;
		margin-left: 0;
		margin-top: 0;
		top: -85px;
	}
	
	.historia-fig4 {
		position: relative;
		right: 5%;		
		bottom: 19px;
		width: 25%;
	}
	
	.historia-fig3 {
		position: absolute;
		left: 0%;
		bottom: 0;
		width: 32%;
	}
	
	.pactobtndesktop{
		display: none !important;
	}
	.pactobtnmovil{
		display: block !important;
	}
	
}

@media screen and (min-width:600px) and (max-width:767px){
	
	.pacto-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}

	.title {
		font-size: 5rem;
		text-align: center;
	}
	.parrafo{
		font-size: 1.7rem;
	}
	.figure1nav{
		display: none;
	}
	.historia-p{
		font-size: 1.7rem;
		text-align: center;
	}
	.historia-divp2 {
		padding-left: 15px;
	}

	.pacto-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 30px 15px;
	}
	.pactofigure-2 {
		position: relative;
		float: right;
		right: 0;
		bottom: 0;
		width: 36%;
		top: 17px;
	}
	
	.edusant-fluid{
		padding-left: 10px;
		padding-right: 10px;
	}
	.edusant-p{
		font-size: 1.7rem;
		text-align: center;
	}
	
	.edusant-divp2{
		padding-left: 15px;
	}
	.edusant-ul li{
		font-size: 2rem;
	}
	
	.edusant-ul li::after {
		height: 10px;
		width: 35px;
		top: 8px;
	}
	.edusant-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 30px 15px;
	}
	.edusant-fig1{
		width: 6%;
	}
	
	.edusant-fig2{
		width: 46%;
	}
	
	.vision-fluid{
		padding-left: 10px;
		padding-right: 10px;
	}	
	.vision-p{
		font-size: 1.7rem;
		text-align: center;
	}
	.vision-ul li{
		font-size: 2rem;
	}	
	.vision-ul li::after {
		height: 10px;
		width: 35px;
		top: 8px;
	}
	.vision-p2{
		font-size: 2rem;
	}
	.vision-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 30px 15px;
	}
	.vision-fig3 {
		bottom: 0;
		width: 18%;
	}
	.vision-fig1 {
		width: 18%;
	}
	.visiondesktop{
		display: none;
	}
	.visionmovil{
		display: block;
	}

	.historia-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.historia-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 15px 15px;
	}
	.historia-mapa {		
		height: 710px;
		position: relative;
		top: 0;
		width: 90%;
		margin-left: 5%;
	}
	
	.formadora{
		width: 153px;
		font-size: 1.5rem;
	}
	
	.infancia {
		width: 153px;
		font-size: 1.5rem;
		margin-top: -35px;
		position: relative;
		left: 53%;
	}
	
	.modelo {
		width: 153px;
		font-size: 1.5rem;
		margin-left: 15%;
		top: -40px;
	}
	
	.docente {
		width: 153px;
		font-size: 1.5rem;
		position: relative;
		float: right;
		margin-right: 10%;
		margin-left: 0;
		margin-top: 0;
		top: -120px;
	}
	
	.historia-fig4 {
		position: relative;
		right: 5%;		
		bottom: 19px;
		width: 25%;
	}
	
	.historia-fig3 {
		position: absolute;
		left: 0%;
		bottom: 0;
		width: 32%;
	}
	
	.pactobtndesktop{
		display: none !important;
	}
	.pactobtnmovil{
		display: block !important;
	}
	.otraslineas-div {
		width: 100%;
	}
}

@media screen and (min-width:768px) and (max-width:799px){
	
	.pacto-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}

	.title {
		font-size: 5rem;
		text-align: center;
	}
	.parrafo{
		font-size: 1.7rem;
	}
	.figure1nav{
		display: none;
	}
	.historia-p{
		font-size: 1.7rem;
	}
	.historia-divp2 {
		padding-left: 15px;
	}

	.pacto-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 30px 15px;
	}
	.pactofigure-2 {
		position: relative;
		float: right;
		right: 0;
		bottom: 0;
		width: 36%;
		top: 17px;
	}
	
	.edusant-fluid{
		padding-left: 10px;
		padding-right: 10px;
	}
	.edusant-p{
		font-size: 1.7rem;
	}
	
	.edusant-divp2{
		padding-left: 15px;
	}
	.edusant-ul li{
		font-size: 2rem;
		padding-left: 9%;
	}
	
	.edusant-ul li::after {
		height: 10px;
		width: 35px;
		top: 8px;
	}
	.edusant-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 30px 15px;
	}
	.edusant-fig1{
		width: 6%;
	}
	
	.edusant-fig2{
		width: 46%;
	}
	
	.vision-fluid{
		padding-left: 10px;
		padding-right: 10px;
	}	
	.vision-p{
		font-size: 1.7rem;
	}
	.vision-ul li{
		font-size: 2rem;
	}	
	.vision-ul li::after {
		height: 10px;
		width: 35px;
		top: 8px;
	}
	.vision-p2{
		font-size: 2rem;
	}
	.vision-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 30px 15px;
	}
	.vision-fig3 {
		bottom: 0;
		width: 18%;
	}
	.vision-fig1 {
		width: 18%;
	}
	.visiondesktop{
		display: none;
	}
	.visionmovil{
		display: block;
	}
	.historia{
		padding-bottom: 150px;
	}
	.historia-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.historia-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 15px 15px;
	}
	.historia-mapa {		
		height: 838px;
		position: relative;
		top: 0;
		width: 90%;
		margin-left: 5%;
	}
	
	.docente {
		margin-left: 16%;
		margin-top: 4%;
	}
	
	.historia-fig4 {
		position: relative;
		right: 5%;		
		bottom: 19px;
		width: 25%;
	}
	
	.historia-fig3 {
		position: absolute;
		left: 0%;
		bottom: 0;
		width: 32%;
	}
	
	.pactobtndesktop{
		display: none !important;
	}
	.pactobtnmovil{
		display: block !important;
	}
	
	.otraslineas-div {
		width: 100%;
	}
}

@media screen and (min-width:800px) and (max-width:1023px){
	
	.pacto-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}

	.title {
		font-size: 5rem;
		text-align: center;
	}
	.parrafo{
		font-size: 1.7rem;
	}
	.figure1nav{
		display: none;
	}
	.historia-p{
		font-size: 1.7rem;
	}
	.historia-divp2 {
		padding-left: 15px;
	}

	.pacto-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 30px 15px;
	}
	.pactofigure-2 {
		position: relative;
		float: right;
		right: 0;
		bottom: 0;
		width: 36%;
		top: 17px;
	}
	
	.edusant-fluid{
		padding-left: 10px;
		padding-right: 10px;
	}
	.edusant-p{
		font-size: 1.7rem;
	}
	
	.edusant-divp2{
		padding-left: 15px;
	}
	.edusant-ul li{
		font-size: 2rem;
		padding-left: 9%;
	}
	
	.edusant-ul li::after {
		height: 10px;
		width: 35px;
		top: 8px;
	}
	.edusant-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 30px 15px;
	}
	.edusant-fig1{
		width: 6%;
	}
	
	.edusant-fig2{
		width: 46%;
	}
	
	.vision-fluid{
		padding-left: 10px;
		padding-right: 10px;
	}	
	.vision-p{
		font-size: 1.7rem;
	}
	.vision-ul li{
		font-size: 2rem;
	}	
	.vision-ul li::after {
		height: 10px;
		width: 35px;
		top: 8px;
	}
	.vision-p2{
		font-size: 2rem;
	}
	.vision-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 30px 15px;
	}
	.vision-fig3 {
		bottom: 0;
		width: 18%;
	}
	.vision-fig1 {
		width: 18%;
	}
	.visiondesktop{
		display: none;
	}
	.visionmovil{
		display: block;
	}
	.historia{
		padding-bottom: 150px;
	}
	.historia-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.historia-a{
		font-size: 2rem;
		width: 100%;
		padding: 12px 15px 15px;
	}
	.historia-mapa {		
		height: 885px;
		position: relative;
		top: 0;
		width: 90%;
		margin-left: 5%;
	}
	
	.docente {
		margin-left: 16%;
		margin-top: 4%;
	}
	
	.historia-fig4 {
		position: relative;
		right: 5%;		
		bottom: 19px;
		width: 25%;
	}
	
	.historia-fig3 {
		position: absolute;
		left: 0%;
		bottom: 0;
		width: 32%;
	}
	
	.pactobtndesktop{
		display: none !important;
	}
	.pactobtnmovil{
		display: block !important;
	}
	.otraslineas-div {
		width: 100%;
	}
	
}

@media screen and (min-width:1024px) and (max-width:1279px){
	
	.title{
		font-size: 9rem;
	}
	.parrafo{
		font-size: 1.6rem;
	}
	
	/* EL PACTP */
	.pacto-fluid {
		padding-left: 50px;
		padding-right: 50px;
	}
	
	.historia-p{
		font-size: 1.6rem;
	}
	.pacto-a{
		font-size: 2rem;
		padding: 6px 24px 9px;
	}
	.pactofigure-2{
		right: 0;
		width: 44%;
	}
	
	/* EDUCACION EN SANTANDER */
	.edusant-fluid {
		padding-left: 50px;
		padding-right: 50px;
	}
	.edusant-p{
		font-size: 1.6rem;
	}
	.edusant-ul li{
		font-size: 2rem;
		padding-left: 10%;
	}
	.edusant-ul li::after{
		height: 13px;
		width: 72px;
	}
	.edusant-a{
		font-size: 2rem;
		padding: 6px 24px 9px;
	}
	.edusant-fig1 {
		width: 2%;
	}
	.edusant-fig2{
		width: 20%;
	}
	
	/* VISION */
	.vision-fluid {
		padding-left: 50px;
		padding-right: 50px;
	}
	.vision-p{
		font-size: 1.6rem;
	}
	.vision-ul li{
		font-size: 1.8rem;
		padding-left: 10%;
	}
	.vision-ul li::after{
		height: 13px;
		width: 72px;
	}
	.vision-a{
		font-size: 1.8rem;
		padding: 6px 24px 9px;
	}
	.vision-fig1 {
		position: relative;
		left: 0;
	}
	
	/* HISTORIA */
	.historia-fluid {
		padding-left: 50px;
		padding-right: 50px;
	}
	.historia-a{
		font-size: 1.8rem;
		padding: 6px 24px 9px;
	}
	.formadora{
		margin-top: 48%;
		margin-left: 20%;
		font-size: 1.6rem;
	}
	.formadora a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	.historia-mapa{
		height: 735px;
		top: -64px;
	}
	.infancia {		
		position: relative;
		left: 0;
		font-size: 1.6rem;
		margin-left: 48%;
		margin-top: -22px;
	}
	.infancia a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	.modelo {
		top: -81px;
		font-size: 1.6rem;
		left: 0%;
		margin-left: 9%;
	}
	.modelo a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	
	.docente{
		margin-left: 55%;
		margin-top: -30%;
		font-size: 1.6rem;
	}
	.docente a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	.historia-fig4 {
		right: 2%;
		bottom: 27px;
	}
	.formadora-fig2{
		display: none;
	}
	.otraslineas-div {
		width: 100%;
	}
}

@media screen and (min-width:1280px) and (max-width:1359px){
	
	
	.title{
		font-size: 9rem;
	}
	.parrafo{
		font-size: 1.6rem;
	}
	
	/* EL PACTP */
	.pacto-fluid {
		padding-left: 154px;
		padding-right: 117px;
	}
	
	.historia-p{
		font-size: 1.6rem;
	}
	.pacto-a{
		font-size: 2rem;
		padding: 6px 24px 9px;
	}
	
	/* EDUCACION EN SANTANDER */
	.edusant-fluid {
		padding-left: 159px;
		padding-right: 159px;
	}
	.edusant-p{
		font-size: 1.6rem;
	}
	.edusant-ul li{
		font-size: 2rem;
		padding-left: 10%;
	}
	.edusant-ul li::after{
		height: 13px;
		width: 72px;
	}
	.edusant-a{
		font-size: 2rem;
		padding: 6px 24px 9px;
	}
	
	/* VISION */
	.vision-fluid {
		padding-left: 159px;
		padding-right: 159px;
	}
	.vision-p{
		font-size: 1.6rem;
	}
	.vision-ul li{
		font-size: 1.8rem;
		padding-left: 10%;
	}
	.vision-ul li::after{
		height: 13px;
		width: 72px;
	}
	.vision-a{
		font-size: 1.8rem;
		padding: 6px 24px 9px;
	}
	.vision-fig1 {
		position: absolute;
		left: 3%;
	}
	
	/* HISTORIA */
	.historia-fluid {
		padding-left: 159px;
		padding-right: 159px;
	}
	.historia-a{
		font-size: 1.8rem;
		padding: 6px 24px 9px;
	}
	.formadora{
		margin-top: 48%;
		margin-left: 20%;
		font-size: 1.6rem;
	}
	.formadora a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	.historia-mapa{
		height: 735px;
		top: -64px;
	}
	.infancia{
		margin-top: 66%	;
		position: relative;
		left: -6%;
		font-size: 1.6rem;
	}
	.infancia a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	.modelo{
		top: -54px;
		font-size: 1.6rem;
		left:-7%;
	}
	.modelo a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	
	.docente{
		margin-left: 55%;
		margin-top: -26%;
		font-size: 1.6rem;
	}
	.docente a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	.historia-fig4 {
		right: 2%;
		bottom: 27px;
	}
	
	
}

@media screen and (min-width:1360px) and (max-width:1439px){
	
	
	.title{
		font-size: 9rem;
	}
	.parrafo{
		font-size: 1.8rem;
	}
	
	/* EL PACTP */
	.pacto-fluid {
		padding-left: 154px;
		padding-right: 117px;
	}
	
	.historia-p{
		font-size: 1.8rem;
	}
	.pacto-a{
		font-size: 2.2rem;
		padding: 6px 24px 9px;
	}
	
	/* EDUCACION EN SANTANDER */
	.edusant-fluid {
		padding-left: 159px;
		padding-right: 159px;
	}
	.edusant-p{
		font-size: 1.8rem;
	}
	.edusant-ul li{
		font-size: 2.2rem;
		padding-left: 10%;
	}
	.edusant-ul li::after{
		height: 13px;
		width: 72px;
	}
	.edusant-a{
		font-size: 2rem;
		padding: 6px 24px 9px;
	}
	
	/* VISION */
	.vision-fluid {
		padding-left: 159px;
		padding-right: 159px;
	}
	.vision-p{
		font-size: 1.8rem;
	}
	.vision-ul li{
		font-size: 2rem;
		padding-left: 10%;
	}
	.vision-ul li::after{
		height: 13px;
		width: 72px;
	}
	.vision-a{
		font-size: 2rem;
		padding: 6px 24px 9px;
	}
	.vision-fig1 {
		position: absolute;
		left: 3%;
	}
	
	/* HISTORIA */
	.historia-fluid {
		padding-left: 159px;
		padding-right: 159px;
	}
	.historia-a{
		font-size: 2rem;
		padding: 6px 24px 9px;
	}
	.formadora{
		margin-top: 48%;
		margin-left: 20%;
		font-size: 1.8rem;
	}
	.formadora a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	.historia-mapa{
		height: 735px;
		top: -64px;
	}
	.infancia{
		margin-top: 66%	;
		position: relative;
		left: -6%;
		font-size: 1.8rem;
	}
	.infancia a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	.modelo{
		top: -54px;
		font-size: 1.8rem;
		left:-7%;
	}
	.modelo a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	
	.docente{
		margin-left: 55%;
		margin-top: -26%;
		font-size: 1.8rem;
	}
	.docente a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	.historia-fig4 {
		right: 2%;
		bottom: 27px;
	}
	
}

@media screen and (min-width:1440px) and (max-width:1599px){
	
	.title{
		font-size: 10rem;
	}
	.parrafo{
		font-size: 1.9rem;
	}
	
	/* EL PACTP */
	.pacto-fluid {
		padding-left: 154px;
		padding-right: 117px;
	}
	
	.historia-p{
		font-size: 1.9rem;
	}
	.pacto-a{
		font-size: 2.2rem;
		padding: 6px 24px 9px;
	}
	
	/* EDUCACION EN SANTANDER */
	.edusant-fluid {
		padding-left: 159px;
		padding-right: 159px;
	}
	.edusant-p{
		font-size: 1.9rem;
	}
	.edusant-ul li{
		font-size: 2.2rem;
		padding-left: 10%;
	}
	.edusant-ul li::after{
		height: 13px;
		width: 72px;
	}
	.edusant-a{
		font-size: 2rem;
		padding: 6px 24px 9px;
	}
	
	/* VISION */
	.vision-fluid {
		padding-left: 159px;
		padding-right: 159px;
	}
	.vision-p{
		font-size: 1.9rem;
	}
	.vision-ul li{
		font-size: 2rem;
		padding-left: 10%;
	}
	.vision-ul li::after{
		height: 13px;
		width: 72px;
	}
	.vision-a{
		font-size: 2rem;
		padding: 6px 24px 9px;
	}
	.vision-fig1 {
		position: absolute;
		left: 3%;
	}
	
	/* HISTORIA */
	.historia{
		padding-bottom: 90px;
	}
	.historia-fluid {
		padding-left: 159px;
		padding-right: 159px;
	}
	.historia-a{
		font-size: 2rem;
		padding: 6px 24px 9px;
	}
	.formadora{
		margin-top: 42%;
		margin-left: 22%;
		font-size: 1.9rem;
	}
	.formadora a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	.historia-mapa{
		height: 735px;
		top: -64px;
	}
	.infancia{
		margin-top: 59%	;
		position: relative;
		left: -6%;
		font-size: 1.8rem;
	}
	.infancia a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	.modelo{
		top: -54px;
		font-size: 1.9rem;
		left:-7%;
	}
	.modelo a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	
	.docente {
		margin-left: 57%;
		margin-top: -19%;
		font-size: 1.9rem;
	}
	.docente a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	.historia-fig4 {
		right: 2%;
		bottom: 27px;
	}
	
}

@media screen and (min-width:1600px) and (max-width:1679px){
	
	.title{
		font-size: 12rem;
	}
	.parrafo{
		font-size: 2.2rem;
	}
	
	/* EL PACTP */
	.pacto-fluid {
		padding-left: 154px;
		padding-right: 117px;
	}
	
	.historia-p{
		font-size: 2.2rem;
	}
	.pacto-a{
		font-size: 2.8rem;
		padding: 6px 24px 9px;
	}
	
	/* EDUCACION EN SANTANDER */
	.edusant{
		padding-bottom: 120px;
	}
	.edusant-fluid {
		padding-left: 159px;
		padding-right: 159px;
	}
	.edusant-p{
		font-size: 2.2rem;
	}
	.edusant-ul li{
		font-size: 2.4rem;
		padding-left: 10%;
	}
	.edusant-ul li::after{
		height: 13px;
		width: 72px;
	}
	.edusant-a{
		font-size: 2.8rem;
		padding: 6px 24px 9px;
	}
	.edusant-fig1 {
		position: absolute;
		bottom: 0;
	}
	.edusant-fig2 {
		position: absolute;
		bottom: 0;
	}
	
	/* VISION */
	.vision-fluid {
		padding-left: 159px;
		padding-right: 159px;
	}
	.vision-p{
		font-size: 2.2rem;
	}
	.vision-ul li{
		font-size: 2.4rem;
		padding-left: 10%;
	}
	.vision-ul li::after{
		height: 13px;
		width: 72px;
	}
	.vision-a{
		font-size: 2.8rem;
		padding: 6px 24px 9px;
	}
	.vision-fig1 {
		position: absolute;
		left: 3%;
	}
	
	/* HISTORIA */
	.historia{
		padding-bottom: 136px;
	}
	.historia-fluid {
		padding-left: 159px;
		padding-right: 159px;
	}
	.historia-a{
		font-size: 2.8rem;
		padding: 6px 24px 9px;
	}
	.formadora{
		margin-top: 39%;
		margin-left: 22%;
	}
	.formadora a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	.historia-mapa {
		height: 800px;
		top: 0;
	}
	.infancia{
		margin-top: 54%;
		position: relative;
		left: 0%;
	}
	.infancia a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	.modelo{
		top: -26px;
		left:0%;
	}
	.modelo a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	
	.docente {
		margin-left: 60%;
		margin-top: -9%;
	}
	.docente a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	.historia-fig4 {
		right: 2%;
		bottom: 27px;
	}
	
}

@media screen and (min-width:1680px) and (max-width:1919px){
	
	.title{
		font-size: 13rem;
	}
	.parrafo{
		font-size: 2.2rem;
	}
	
	/* EL PACTP */
	.pacto-fluid {
		padding-left: 154px;
		padding-right: 117px;
	}
	
	.historia-p{
		font-size: 2.2rem;
	}
	.pacto-a{
		font-size: 2.8rem;
		padding: 6px 24px 9px;
	}
	
	/* EDUCACION EN SANTANDER */
	.edusant{
		padding-bottom: 120px;
	}
	.edusant-fluid {
		padding-left: 159px;
		padding-right: 159px;
	}
	.edusant-p{
		font-size: 2.2rem;
	}
	.edusant-ul li{
		font-size: 2.4rem;
		padding-left: 10%;
	}
	.edusant-ul li::after{
		height: 13px;
		width: 72px;
	}
	.edusant-a{
		font-size: 2.8rem;
		padding: 6px 24px 9px;
	}
	.edusant-fig1 {
		position: absolute;
		bottom: 0;
	}
	.edusant-fig2 {
		position: absolute;
		bottom: 0;
	}
	
	/* VISION */
	.vision-fluid {
		padding-left: 159px;
		padding-right: 159px;
	}
	.vision-p{
		font-size: 2.2rem;
	}
	.vision-ul li{
		font-size: 2.4rem;
		padding-left: 10%;
	}
	.vision-ul li::after{
		height: 13px;
		width: 72px;
	}
	.vision-a{
		font-size: 2.8rem;
		padding: 6px 24px 9px;
	}
	.vision-fig1 {
		position: absolute;
		left: 3%;
	}
	
	/* HISTORIA */
	.historia{
		padding-bottom: 136px;
	}
	.historia-fluid {
		padding-left: 159px;
		padding-right: 159px;
	}
	.historia-a{
		font-size: 2.8rem;
		padding: 6px 24px 9px;
	}
	.formadora{
		margin-top: 39%;
		margin-left: 22%;
	}
	.formadora a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	.historia-mapa {
		height: 836px;
		top: 0;
	}
	.infancia{
		margin-top: 54%;
		position: relative;
		left: 0%;
	}
	.infancia a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	.modelo{
		top: -26px;
		left:0%;
	}
	.modelo a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	
	.docente {
		margin-left: 60%;
		margin-top: -5%;
	}
	.docente a img{
		width: 125px;
		display: block;
		margin: auto;
	}
	.historia-fig4 {
		right: 2%;
		bottom: 27px;
	}
	
}