@import url('https://fonts.googleapis.com/css?family=Oswald|Rubik:400,700');
*{ margin: 0;}
body { 
    background-color: #212121;
    font-family: 'Oswald', helvetica, Arial, sans-serif;
    color:#FFF;
    }
header {
        background: url(img/fadu.png); background-size: cover; text-align: center; font-family: 'Rubik', sans-serif; font-weight: 700; 
        
}
section article { 
    text-align: center;  
    border-radius: 0.9rem
}

section article img {
    width: 11rem; 
    padding: 2rem; 
    border-radius: 30rem;
    text-align: center;
}
nav{
    background: rgba(255, 255, 255, 0.44);
    color:#1bffff;
    }

nav ul {
        padding: 0; 
}
header h1 { color: #ffffff;
}
nav ul li a {
            color: #ffffff;
            text-decoration: none;
            text-align: center;
            background: rgba(204, 204, 204, 0.27); 
            display: block;
            padding: 1rem;
}
.integrantes {
    display: flex; 
    flex-direction: row; 
    flex-wrap: nowrap; 
    justify-content: center; 
    align-items: stretch; 
    align-content: stretch; 
    padding: 5rem
}

nav ul li a:hover {
                    background: #9c15ff; color: #fff; 
}
main section h2{
    text-align: center; 
    background: #9c15ff; 
    font-family: 
}

main section h3{ 
    text-align: center; 
    padding-top: rem; color: #9c15ff; 
    font-size: 2.5rem;
    }
main section h4 a{ 
    color: #fff; 
    padding-left: 1pc; 
    text-decoration: none
    }
main section h4 a:hover{ color: #009bfc;
    }

/*PLAN*/

main section h5 {
    color: #9c15ff; 
    font-size: 1.5rem; 
    text-align: left; 
    padding-top: 1rem; 
    padding-left: 1rem;    
}

p {color: #ffffff; 
    font-size: 1rem; 
    text-align: left; 
    padding-top: 0.5rem; 
    padding-left: 1rem;   
}

body footer { 
    text-align: center; 
    color: #fff; 
    background-color: #212121; 
    font-size: 1rem; 
    padding-top: 8rem; 
    padding-bottom: 2rem; 
}

main section { 
    margin-top: 0.5rem; 
    padding: 0.1rem;}

/*MAPA*/

img {
    max-width: 100%;
    height: auto;
}

h5 {margin-top: 1rem;
margin-left: 1.5rem;
font-size: 2rem;
color: #ffff;
}
.contenedor{
	width: 90%;
	margin: 1em;
}

.videoresponsive{
    position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;*/
	height: 0;
	overflow:hidden;
}

.videoresponsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

iframe {
    border-radius: 0.5em;
    border:0.5em solid #212121;   
    
}