@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,300i,400,400i,700');



body {
    background:#effcf2;
    font-family: 'Titillium Web', sans-serif;
    color: black;
    margin: 1rem;
}  


/* Nav */

#header{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
    background-color: #70d4b2;
}

#header div h1{
    font-size: 35px;
}

#header nav ul li {
    list-style: none;
    text-decoration: none;
    display: inline-block;
    padding: 0.3rem;
        
}

img  {
        display: inline-block;
        padding: 3 rem;
        width: 100%;
}

#header nav ul li a {
    text-decoration: none;
    color:black;
    transition: color 1s ease-out;
  
}

#header nav ul li a:hover {
    text-decoration: none;
    color: white;
    font-weight: 700;

}

/* FIN Nav */

/* Integrantes */

.colum4{
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: space-around;
    margin: 3% 0;
}

.colum4 .container{
    text-align: center;
}

.colum4 .container .overlay a{
    list-style: none;
    text-decoration: none;
    Color: #ff6064
}

.colum4 .container .overlay a:hover {
    color: #70d4b2
}

/* FIN Integrantes */


article{
    font-weight: 400;
    font-size: 18px;
}

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


footer{
    max-width: 2000px;
    padding: 3%;
    color: white;
    background-color: #313131;
    font-weight: 300;
    font-size: 14px;
}

.videoresponsive {
    position: relative;
    margin: 0;
    height: 0;
    padding-bottom: 56.25%;
}

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

}

/*responsive*/
/*a partir de 960ps*/
@media (min-width: 60rem ) {    
    
.colum4 {        
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: baseline;
	align-content: stretch;
}

    .contenedor {
        max-width: 60rem;
        margin: auto;
        
}