*{
	font-family: 'Hind Madurai', sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
}

header{
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.38);
	position: fixed;
	top: 0;
	background: #fff; z-index: 2000;
}
header img{
	width: 150px;
	margin: 20px;
}
button.rosa{
	background: #E5007E;
	border: none;
	height: 35px;
	width: 150px;
	border-radius: 15px;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	margin: 20px;
}
section.fondologo{display: flex;
  align-items: center; background-image: url(../img/fondo.jpg); background-size: cover; background-repeat: no-repeat;
    height: 320px; max-height: 100%;
}
.pdfadu {width: auto; height: 50%; max-height: 100%;
    margin-top: 60px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;}

.conocimiento {margin-top: 80px;}
.conocimiento h1 {font-weight: 100;}

h2.title-section{
	font-size: 30px;
	font-weight: 200;
	margin-bottom: 0;
	padding-bottom: 0;
}
section.fondologo button{
	width: 300px;
	height: 55px;
	font-size: 30px;
	font-weight: 600;
}
section.seccion2{
	margin: 40px 0;
	background: url(../img/plan2.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
}

section.seccion2 h2.title-section{
	width: 80%;
	margin: 0 auto;
}
.seccion2 .leer{
	width: 100%;
}
.descargar{
	width: 50%;
	margin: 15px auto;
}
section.pasos{
	margin: 60px auto;
}


.fa-download { font-size: 120px; background: -webkit-linear-gradient(#009992, #E5007E); -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.fa-sign-in-alt { font-size: 120px; background: -webkit-linear-gradient(#009992, #E5007E); -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.fa-file-upload { font-size: 120px; background: -webkit-linear-gradient(#009992, #E5007E); -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.fa-file-download { font-size: 120px; background: -webkit-linear-gradient(#009992, #E5007E); -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.fa-thumbs-up { font-size: 120px; background: -webkit-linear-gradient(#009992, #E5007E); -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

h2.description{
	margin: 10px 0 0 0;
    font-size:45px;
	font-weight: 500;
}
h2.pequeno{
	width: 60%;
	margin: 0 auto;
	font-size: 22px;
}

.comunidad {
	max-width: 100%; 
	width: 80%;
	margin-bottom: 60px;
}
.video {width: 100%; height: 35%; background: }
.sumatehoy {font-weight: 100;}
.imgfooter {width: 80%;
	margin: 0 auto;}
.publicados {font-style: italic; font-size: 10pt; }

footer {z-index: -2000; background: #282828;
}
footer p {color: white;}


@media only screen and (min-width: 768px) {
    
section.fondologo{ display: flex;
  align-items: center; background-image: url(../img/fondo.jpg); background-size: cover;
    height: 550px; max-height: 100%;
}
.pdfadu {width: auto; height: 50%; max-height: 100%; margin-bottom: 60px; margin-top: 100px; 
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;}

body {transition: all 0.9s;}
.descargar{
	width: 40%;
	margin: 15px auto;
}
.iconos {display: flex; flex-wrap: wrap; margin: 60px 0}
.pasos {width: 50%;}

}


@media only screen and (min-width: 992px) {
    

section.fondologo{ display: flex;
  align-items: center; background-image: url(../img/fondo.jpg); background-size: cover;
    height: 550px; max-height: 100%;
}
.pdfadu {width: auto; height: 70%; max-height: 100%; margin-bottom: 60px; margin-top: 100px; 
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;}
 
.conocimiento {margin-top: 60px;} 
    .conocimiento h1 {font-size: 40px}
    .conocimiento .title-section {font-weight: 400}
section.seccion2{ max-width: 100%; 
	margin: 40px 0;
	background: url(../img/plan2.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
    
}
section.seccion2 h2.title-section{
	width: 80%;
	margin: 0 auto;
}
.seccion2 .leer{
	width: 50%;
}

.logosdescarga {display: flex; align-items: center;}

.descargar {width: 30%; height: auto;}

.iconos {display: flex; margin: 60px 0}
.pasos {width: 20%;}
    

h2.description{
	margin: 30px 0 0 0;
	font-size: 35px;
	font-weight: 400;}
h2.pequeno{
	width: 50%;
	margin: 0 auto;
	font-size: 20px;}
    
.sumate {display: flex; align-items: center; justify-content: center;}
section .comunidad{
	max-width: 100%; 
	width: 45%;
	border-radius: 10rem; margin: 50px;
}
.video {width: 45%; height: 50%;}
.sumatehoy {font-size:250%; font-weight: 100;}
}