.formacion
{
width:100%;
background:linear-gradient(180deg,   #FDFDFD 25%, #dff1f4 25%,  #dff1f4 50%, #FDFDFD 25%);
top:50px;
height:100%;
max-width:1300px;
margin:auto;
z-index:-2;
position:relative;


}

.formacion img
{
width:350px;

}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.formacion h1 span
{position:relative;
margin-top:10px;

position:relative;
z-index:2;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.formacion h1 span
{
float:right;
position:absolute;
top:40px;
left:580px;
z-index:-2;
}}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.formacion h2
{
margin-top:-20px;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
position:relative;
text-align:center;
z-index:-2;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.formacion h2
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
float:right;
top:190px;
left:580px;
position:absolute;
text-align:left;
z-index:-2;
}}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.formacion h3
{font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:15px;
letter-spacing:2px;
margin-top:40px;
line-height:15px;
position:relative;
text-align:center;
z-index:2;
width:100%;
padding-left:10%;
padding-right:10%;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.formacion h3
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
float:right;
top:315px;
left:580px;
position:absolute;
text-align:left;
z-index:1;
width:600px;
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap:80px;
-moz-column-gap:80px;
column-gap:80px;
}}



.rosa
{
width:100%;
background:linear-gradient(180deg,   #FDFDFD 25%, #f0d5d8 25%,  #f0d5d8 50%, #FDFDFD 25%);
top:50px;
height:100%;
max-width:1300px;
margin:auto;
z-index:-2;
position:relative;


}

.rosa img
{
width:350px;

}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.rosa h1 span
{position:relative;
margin-top:10px;

position:relative;
z-index:2;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.rosa h1 span
{
float:right;
position:absolute;
top:40px;
left:580px;
z-index:-2;
}}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.rosa h2
{
margin-top:-20px;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
position:relative;
text-align:center;
z-index:-2;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.rosa h2
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
float:right;
top:190px;
left:580px;
position:absolute;
text-align:left;
z-index:-2;
}}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.rosa h3
{font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:15px;
letter-spacing:2px;
margin-top:40px;
line-height:15px;
position:relative;
text-align:center;
z-index:2;
width:100%;
padding-left:10%;
padding-right:10%;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.rosa h3
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
float:right;
top:315px;
left:580px;
position:absolute;
text-align:left;
z-index:1;
width:600px;
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap:80px;
-moz-column-gap:80px;
column-gap:80px;
}}




.gris
{
width:100%;
background:linear-gradient(180deg,   #FDFDFD 25%, #e0dfdf 25%,  #e0dfdf 50%, #FDFDFD 25%);
top:50px;
height:100%;
max-width:1300px;
margin:auto;
z-index:-2;
position:relative;


}

.gris img
{
width:350px;

}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.gris h1 span
{position:relative;
margin-top:10px;

position:relative;
z-index:2;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.gris h1 span
{
float:right;
position:absolute;
top:40px;
left:580px;
z-index:-2;
}}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.gris h2
{
margin-top:-20px;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
position:relative;
text-align:center;
z-index:-2;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.gris h2
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
float:right;
top:190px;
left:580px;
position:absolute;
text-align:left;
z-index:-2;
}}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.gris h3
{font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:15px;
letter-spacing:2px;
margin-top:40px;
line-height:15px;
position:relative;
text-align:center;
z-index:2;
width:100%;
padding-left:10%;
padding-right:10%;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.gris h3
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
float:right;
top:315px;
left:580px;
position:absolute;
text-align:left;
z-index:1;
width:600px;
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap:80px;
-moz-column-gap:80px;
column-gap:80px;
}}




.morado
{
width:100%;
background:linear-gradient(180deg,   #FDFDFD 25%, #ccbce5 25%,  #ccbce5 50%, #FDFDFD 25%);
top:50px;
height:100%;
max-width:1300px;
margin:auto;
z-index:-2;
position:relative;


}

.morado img
{
width:350px;

}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.morado h1 span
{position:relative;
margin-top:10px;

position:relative;
z-index:2;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.morado h1 span
{
float:right;
position:absolute;
top:40px;
left:580px;
z-index:-2;
}}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.morado h2
{
margin-top:-20px;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
position:relative;
text-align:center;
z-index:-2;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.morado h2
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
float:right;
top:190px;
left:580px;
position:absolute;
text-align:left;
z-index:-2;
}}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.morado h3
{font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:15px;
letter-spacing:2px;
margin-top:40px;
line-height:15px;
position:relative;
text-align:center;
z-index:2;
width:100%;
padding-left:10%;
padding-right:10%;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.morado h3
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
float:right;
top:315px;
left:580px;
position:absolute;
text-align:left;
z-index:1;
width:600px;
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap:80px;
-moz-column-gap:80px;
column-gap:80px;
}}







.rojo
{
width:100%;
background:linear-gradient(180deg,   #FDFDFD 25%, #d47c7c 25%,  #d47c7c 50%, #FDFDFD 25%);
top:50px;
height:100%;
max-width:1300px;
margin:auto;
z-index:-2;
position:relative;


}

.rojo img
{
width:350px;

}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.rojo h1 span
{position:relative;
margin-top:10px;

position:relative;
z-index:2;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.rojo h1 span
{
float:right;
position:absolute;
top:40px;
left:580px;
z-index:-2;
}}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.rojo h2
{
margin-top:-20px;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
position:relative;
text-align:center;
z-index:-2;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.rojo h2
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
float:right;
top:190px;
left:580px;
position:absolute;
text-align:left;
z-index:-2;
}}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.rojo h3
{font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:15px;
letter-spacing:2px;
margin-top:40px;
line-height:15px;
position:relative;
text-align:center;
z-index:2;
width:100%;
padding-left:10%;
padding-right:10%;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.rojo h3
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
float:right;
top:315px;
left:580px;
position:absolute;
text-align:left;
z-index:1;
width:600px;
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap:80px;
-moz-column-gap:80px;
column-gap:80px;
}}


.naranja
{
width:100%;
background:linear-gradient(180deg,   #FDFDFD 25%, #ffdba6 25%,  #ffdba6 50%, #FDFDFD 25%);
top:50px;
height:100%;
max-width:1300px;
margin:auto;
z-index:-2;
position:relative;


}

.naranja img
{
width:350px;

}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.naranja h1 span
{position:relative;
margin-top:10px;

position:relative;
z-index:2;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.naranja h1 span
{
float:right;
position:absolute;
top:40px;
left:580px;
z-index:-2;
}}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.naranja h2
{
margin-top:-20px;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
position:relative;
text-align:center;
z-index:-2;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.naranja h2
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
float:right;
top:190px;
left:580px;
position:absolute;
text-align:left;
z-index:-2;
}}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.naranja h3
{font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:15px;
letter-spacing:2px;
margin-top:40px;
line-height:15px;
position:relative;
text-align:center;
z-index:2;
width:100%;
padding-left:10%;
padding-right:10%;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.naranja h3
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
float:right;
top:315px;
left:580px;
position:absolute;
text-align:left;
z-index:1;
width:600px;
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap:80px;
-moz-column-gap:80px;
column-gap:80px;
}}







.amarillo
{
width:100%;
background:linear-gradient(180deg,   #FDFDFD 25%, #faf3c8 25%,  #faf3c8 50%, #FDFDFD 25%);
top:50px;
height:100%;
max-width:1300px;
margin:auto;
z-index:-2;
position:relative;


}

.amarillo img
{
width:350px;

}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.amarillo h1 span
{position:relative;
margin-top:10px;

position:relative;
z-index:2;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.amarillo h1 span
{
float:right;
position:absolute;
top:40px;
left:580px;
z-index:-2;
}}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.amarillo h2
{
margin-top:-20px;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
position:relative;
text-align:center;
z-index:-2;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.amarillo h2
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
float:right;
top:190px;
left:580px;
position:absolute;
text-align:left;
z-index:-2;
}}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.amarillo h3
{font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:15px;
letter-spacing:2px;
margin-top:40px;
line-height:15px;
position:relative;
text-align:center;
z-index:2;
width:100%;
padding-left:10%;
padding-right:10%;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.amarillo h3
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
float:right;
top:315px;
left:580px;
position:absolute;
text-align:left;
z-index:1;
width:600px;
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap:80px;
-moz-column-gap:80px;
column-gap:80px;
}}


.verde
{

background:linear-gradient(180deg,   transparent 25%, #dce6dd 25%,  #dce6dd 50%, transparent 25%);
width:100%;

top:50px;
height:100%;
max-width:1300px;
margin:auto;
z-index:-2;
position:relative;
}


.verde img
{
width:350px;

}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.verde h1 span
{position:relative;
margin-top:10px;

position:relative;
z-index:2;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.verde h1 span
{
float:right;
position:absolute;
top:40px;
left:580px;
z-index:-2;
}}


@media screen and (min-width: 100px) and (max-width: 1250px) {
.verde h2
{
margin-top:-20px;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
position:relative;
text-align:center;
z-index:-2;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.verde h2
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
float:right;
top:190px;
left:580px;
position:absolute;
text-align:left;
z-index:-2;
}}


@media screen and (min-width: 100px) and (max-width: 1250px) {
.verde h3
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:15px;
letter-spacing:2px;
margin-top:40px;
line-height:15px;
position:relative;
text-align:center;
z-index:2;
width:80%;
max-width:442px;
margin:0 auto;}}



@media screen and (min-width: 1250px) and (max-width: 5000px) {
.verde h3
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
float:right;
top:315px;
left:580px;
position:absolute;
text-align:left;
z-index:1;
width:600px;
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap:60px;
-moz-column-gap:60px;
column-gap:60px;
}}

@media screen and (min-width: 100px) and (max-width: 1250px) {
.icon2 a
{display:none;
background:#ffffff;
padding-left:6px;
padding-right:6px;
color:#2A2929;
font-size:12px;
text-decoration:none;
border:solid #2A2929 2px;
border-radius:50%;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
position:absolute;
z-index:1;
text-align:left;
float:right;
top:215px;
left:900px;
line-height:1.5;
}}

@media screen and (min-width: 1250px) and (max-width: 5000px) {
.icon2 a
{
background:#ffffff;
padding-left:6px;
padding-right:6px;
color:#2A2929;
font-size:12px;
text-decoration:none;
border:solid #2A2929 2px;
border-radius:50%;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
position:absolute;
z-index:1;
text-align:left;
float:right;
top:215px;
left:900px;
line-height:1.5;
}}

.icon2 a:hover
{
color:#ffffff;
border:solid #2A2929 2px;
background-color:#2A2929;
cursor:pointer;
}