@import url('https://fonts.googleapis.com/css?family=Bangers');
@import url('https://fonts.googleapis.com/css?family=Bungee');

body {background: #fff; font-family: arial; margin: 0 auto; max-width: 80rem; margin-top: 0; margin-bottom: 0; /*margin: 0 auto; max-width:100%;/*padding-top: 18rem;*/}

h1 {color: #EB4726; font-size: 6rem; margin: 0; font-family:"Bangers"; }
h2{ color: #EB4726; font-size: 3rem; margin: 0; font-family:"Bangers"; text-align: center;padding: 1.5rem; }
h3{ color: #004258; font-size: 2rem; margin: 0; font-family:"Bungee"; text-align: center;padding: 1.5rem; }
h4{ color: #004258; font-size: 1rem; margin: 0; font-family:"Bangers"; text-align: center;padding: 1.5rem; }
h5 { color: #EB4726; font-size: 1rem; }

header{width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */
	left: 0; /* Posicionamos la cabecera al lado izquierdo */
	top: 0; /* Posicionamos la cabecera pegada arriba */
	/*position: fixed;}*/
}
.encabezado {background-image:  url(img/5625340899e74.jpg); background-position:top; background-size: cover; height: 12rem; margin: 0; padding-left: 2rem; padding-top: 4rem; }

.encabezado a{text-decoration: none}



/*  Todo esto pertenece al Nav principal*/

.navprincipal{width: 80rem;  /* hacemos que la cabecera ocupe el ancho completo de la página */
	/*left: 0;  Posicionamos la cabecera al lado izquierdo */
	/*top: 0;  Posicionamos la cabecera pegada arriba */
	position: fixed;
    text-align: center;
    margin: 0;
    padding: 0;
    background: #004258;    
    color: #060b89;
}

li {display: inline-block}

.navprincipal a {color: #fff; text-decoration: none; padding: 1rem 2rem; display: inline-block;color: #fff}
a:hover {color: #EB4726;}


/*  Viejo NAV no funcionaba como responsive*/
/*
.colum {display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch; 
padding: 0 10rem;}

nav { background: #004258 ;padding: 0.5rem; color: #060b89;}
nav ul li {list-style: none; display: inline; }
nav ul li a {color: #fff; text-decoration: none; }
a:hover {color: #EB4726;}
li {color: #004258 }
*/

/*  Acá empieza el Main*/

main {color: #fff;width: 100%;}

/* Sección Integrantes */

.integrantes-padre {width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    }

.integrantes-hijos{ width: 10%;
    padding: 0.8rem;
    box-sizing: border-box;
    font-size: 1.3rem;
    text-align: center;
    display: flex;
 	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
      }

.integrantes-hijos a{ text-decoration: none;margin: 1rem 2rem;
    color: #EB4726;}

.img-circle {border-radius: 50%; height: 12rem}

/* Sección Descarga la App */

.app {width: 100%;
     display: flex;
    justify-content: center;
    /*height: 35rem;*/
    /*background: #F1E857;*/
   
    }
.app p{color:#004258}

.pngapp{height: 45rem;}

.colderechaapp {display: flex;
	flex-direction: column;
	flex-wrap: wrap-reverse;
	align-items: center;
	align-content: stretch;
    text-align: left; width: 50%;
   padding: 4rem;
}

.descarga {font-size: 2.5rem; margin-top: 0;}


.colderechaapp a{text-decoration: none;width: 50%;}

/* Sección Información académica */

.catedra {color:#004258; text-align: center}
.catedra p{font-size: 0.8rem}


footer { background: #000; color: #fff; ; font-size: 0.8rem;padding: 1rem;margin-top: 2rem; text-align: center;}