@import url('https://fonts.googleapis.com/css?family=Roboto');
*{ margin: 0; padding: 0; margin: auto; box-sizing: border-box;}


.texto {font-size:1rem;}


body{
    background-color: #ffffff;
} 

h1 {
    background: #fff;
    background-image: url("img/banner.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding-top: 1.5rem;
    text-align: center; 
    font-size: 2rem; 
    font-family: 'Roboto'; }

.botones {padding-top: 2rem;}


h2 {
    font-family: 'Roboto';
    color:#ff001d;
    padding: 2rem 1rem;
    text-align: center;
}

.imagen {padding-top: 2rem; padding-bottom: 1rem;}

section {
    text-align: center;
    background: #fff;
    font-family: 'Roboto'
}

footer {text-align: center;padding: 5rem 2rem 2rem 2rem; font-family: 'Roboto'; font-size: 0.8rem; }

a {text-decoration: none; color: #000;}




.fotoperfil {
    width: 100px;
    height: 100px;
    border-radius: 50%;   
}

div .container {
    justify-content: space-around;}

div .perfiles {
    width: 20%;
    display: inline-block;
}


h3 {margin-top: 2rem; color: #0093ff font-family: 'Roboto';}
.datosacademicos {text-align: center; padding-top: 2rem; padding-bottom: 5rem;}


.datosacademicos p {line-height: 2rem}


.video {  
       display: block;
   margin: 0 auto;
    padding-top: 2rem;
}


.iconos {padding-top: 3rem;padding-bottom: 2rem;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
    text-align: center;
}

.iconos i {font-size: 6rem; padding-bottom: 1rem;color: #FA4056;}
.iconos p {font-size:1.3rem;}
/***********/

header nav {background: rgba(255, 0, 29, 0.63);text-align: center; font-family: 'Roboto'; }
header img {width: 100%; height: auto; justify-content: center}

header nav ul li{ display: inline-block;padding: 1rem;text-align: center;list-style-type: none; font-size: 1rem; color: dimgrey;font-family: 'Roboto';}









nav ul li a {text-decoration: none; font-size: 1.2rem; color: black; padding:1rem 2rem 1rem 2rem; font-family: 'Roboto'; font-weight: 300; transition: 0.3s ease}
nav ul li a:hover {background-color: whitesmoke; color: #ff001d}





.titular {font-size:3rem; font-weight: 800; background: none; padding-top: 3rem;}
.video {  
       display: block;
   margin: 0 auto;
    padding-top: 4rem;
}


section.datosacademicos {
    background-color: whitesmoke; 
    color: #001e48; s
    padding: 3rem 2rem 2rem 3rem; 
    font-family: 'Roboto'; 
    display: list-item;
    font-size: 0.8rem;
    
}