@charset "uft-8";
*{

}

body { background-color: #ffffff;
   }

header
img{
    width: 100%;
 }

h1 img{
    width: 15%;
 }

header {

    text-decoration: none;
    color:#BD72DD ;
    display:grid;
    text-align: center;
    font-family:inherit;
    padding: .25em;
}


/*Menú*/

ul {
    list-style-type: none;
    padding-left: 0;
}

nav ul li a {
    list-style: none;
    text-decoration: none;
color: white;
   background-color: #e4aa46;
    display:block;
    text-align: center;
    font-family: sans-serif;
    padding: 0.25em;
}

nav ul li a:hover{
    list-style: none;
    text-decoration: none;
background-color: white;
    color: #e4aa46;
    display:block;
    text-align: center;
    font-family: sans-serif;
    padding: 0.25em;
}


.destaque {
    color: #e4aa46;
    font-weight: bold;
    
}

div{ 
    font-family: sans-serif;
    
}

/*Integrantes*/
.integrante1{
    background-color: none;
    width: 265px;
    text-align: center;
}
.integrante1 img{
    width: 100%;
    height: 200%;
    border-radius: 60%;
    transition: filter .5s ease-in-out;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    border: 15px solid #e4aa46;
    

}

.integrante1 h4 a{
    text-decoration: none;
    color:#e4aa46;
}
.integrante1 h4 a:hover{
    color:#e4aa46;
}

.columna1{
    padding: 1.5rem; 
    margin:1rem; 
    width: 20%; 
    float: left; 
    height: 300px;
}
.columna2{
    padding: 1.5rem; margin:1rem; width: 20%; 
    float: left; height: 300px;
}
.columna3{
    padding: 1.5rem; margin:1rem; 
    width: 20%; float: left; height: 300px;
}
.columnas{
    height: 400px;margin: auto;
}

section article {
list-style: none;
flex-direction: row;
}

section
{
flex-direction: row;
padding: 5%;
font-family: sans-serif;
    font-size: 1rem;
    color:#e4aa46;
    text-align: left;
    margin-bottom: 1rem;
    margin-top: 1rem;
    display: block;
    font-weight: bolder;
}

h3{ display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
    float: left;
text-align: center; width: 100%; border-radius: 0.6rem;color: #5a575b;}

h4{ 
text-align: center; width: 100%; border-radius: 0.6rem;color: #5a575b;}

h5{ 
text-align: center; width: 80%; margin: -5%; padding: 5%; border-radius: 0.6rem;color: #5a575b;}

footer
{ font-family: sans-serif; text-align: center; color:#ffffff;
    background-color:#e4aa46;
    padding: 1rem 0; margin: 1rem; font-size: 1rem; clear: both;}