@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Exo');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Roboto+Slab:300,400');

body {background: #fff; font-family: arial; margin: 0 auto; max-width:80rem;}

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;}

header .logo {text-decoration: none; float:left}

.encabezado {background-image:  url(img/portada.jpg); background-position:top; background-size: cover; height: 20rem; margin: 0; padding-left: 2rem; padding-top: 2rem; }

.encabezado a{text-decoration: none}



h1 {color: #fff; font-size: 4.5rem; font-family:"Roboto Slab";font-weight: 300; margin-top: 6rem;text-align: center; }
h2{ color: #fff; font-size: 4rem; margin: 0; font-family:"Roboto Slab"; text-align: center;padding: 1.5rem; }
h3{ color: #004258; font-size: 3.5rem; margin: 0; font-family:"Roboto Slab"; text-align: center;padding: 1.5rem; }
h4{ color: #004258; font-size: 1.2rem; margin: 0; font-family:"Roboto Slab";font-weight: 300; text-align: center; padding-top: 0.5rem }

nav ul li a {color: #fff; text-decoration: none; padding: 0 3rem;font-size: 1.1rem;font-family:"Roboto Slab";font-weight: 300;}
nav ul li a:hover {color: #15fff6;font-family:"Roboto Slab";font-weight: 400;}
li {color: #004258 }

/*  Todo esto pertenece al Nav principal*/

.colum {display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch; }

nav { background-color: rgba(235, 71, 38, 0.75) ;padding: 0.5rem; max-width: 79rem;
    margin: 0 auto;}

nav ul li {list-style: none; display: inline; }

/*  Acá empieza el Nav*/

main {color: #fff;}

/* Sección Integrantes width: 100%;width: 100%*/

.funciones-padre {
    display: flex;
    flex-direction: row;
    justify-content: center;
    }

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

.funciones-hijos a{ text-decoration: none;margin: 4rem;
    color: #EB4726;}
/*border-radius: 50%;*/
.img-circle { height: 14rem}

 /*Sección Descarga la App */

.app {
    display: flex;
    justify-content: center;
    background-image:url(img/fondo.png) ; margin-bottom: 0.5rem;
   
    }
.app p{color:#004258; font-size: 1.2rem}

.app2 {
    display: flex;
    justify-content: center;background-color: ); background-image:url(img/fondo3.png);margin-bottom: 0.5rem}
    /*background: #F1E857;background-color:rgba(241, 232, 87, 0.5);*/
   
    
.app2 p{color:#004258;  font-size: 1.2rem}

.app3 {
    display: flex;
    justify-content: center;background-image:url(img/fondo2.png);margin-bottom: 0.5rem;    background-color: rgba(255, 106, 0, 0.20);}
    /*background: #F1E857;rgba(255, 143, 30, 0.75);rgba(241, 232, 87, 0.9);*/
   
    
.app3 p{color:#004258;  font-size: 1.2rem}

.app3 h3{color:#004258}



/*.pngapp{height: 45rem;}*/

.colderechaapp1{display: flex;
	flex-direction: column;
	flex-wrap: wrap-reverse;
	align-items: center;
	align-content: stretch;
   text-align: center;
    padding: 7rem 4rem 0 4rem ;}


.colderechaapp1 a{text-decoration: none;}

.colderechaapp2{display: flex;
	flex-direction: column;
	flex-wrap: wrap-reverse;
	align-items: center;
	align-content: stretch;
    text-align: center;
    padding: 7rem 2rem 0 8rem;
}

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

.funciones {font-size: 2rem; margin-top: 0;padding: 1.5rem;;background-color:#FF8F1E; font-family: "Roboto Slab";
}
.funciones h3{color: #fff; font-size:
}

.titulofun{ font-size: 1.5rem;}
    .integrantes-hijos p{ 
    font-size: 1rem;
}

.colderechaapp2 a{text-decoration: none;}

.catedra {background-image:  url(img/final.jpg); background-position:top;background-size: cover; height:16rem; margin: 0;  padding: 10rem 14rem;; text-align: center;}

.catedra a {text-decoration: none}


footer { background: #004258; color: #fff; font-size: 0.8rem; padding: 1rem 12rem; text-align-last: center;}