body, html {
	margin: 0;
}
.container {
	text-align: center;
	width: 100%;
	font-size: 4vw;
}
.titulo {
	font-size: 4vw;
	color: #2d697b;
	font-family: 'Oswald', sans-serif;
}
.proyecto, .link {
	display: block;
	cursor: pointer;
	color: #aaaaaa;
	margin: 0;
	padding: 0.2vw 0;
	font-size: 3vw;
	font-family: 'Oswald', sans-serif;
	text-decoration: none;
	width: 100%;
	border: none;
	outline: none;
	transition: 0.4s;
  }
  .link a {
	  color: #2d7b59;
  }
  .proyecto.active, .proyecto:hover {
	background-color: #ccc;
	color: #2d697b;
}
.link.active, .link:hover  {
  background-color: #b8c9c2;
  color: #ffffff;
}

.proyecto.active {
	margin-top: 5vw;
}
.active + .descripcion {
	margin-bottom: 5vw;
}
.descripcion {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5vw;
	background-color: #eee;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
  }
  .descripcion p {
	  padding: 0px 2vw;
  }

  .descripcion a {
	font-size: 2vw;
	font-weight: 800;
	background-color: #aaaaaa;
	color: white;
	display: block;
	width: 100%;
	padding: 1vw;
	text-transform: uppercase;
	text-decoration: none;
}
.descripcion a:hover {
	background-color: #2d697b;
}
#autores {
	font-family: 'Oswald', sans-serif;
	color: #2d7b59;
	font-size: 2vw;
	font-weight: 400;
	width: 100%;
}
#autores p {
	margin: 4vw 0px 0px 0px;
}
h3 {
	font-size: 4vw;
	font-weight: 800;
	margin: 0;
}
h3:hover, h3.active {
	background-color: #2d7b59;
	color: #eeeeee;
	cursor: pointer;
}

#quienes {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5vw;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	background-color: #eee;
	color: black;
}

#quienes img {
	width: 15%;
}

#quienes p {
	padding: 0px 2vw;
}
#quienes div {
	margin-top: 2vw;
	line-height: 4vw;
	display: inline-block;
	width: 50%;
	cursor: pointer;
	background-color: #aaaaaa;
	font-weight: 800;
}
#quienes div:hover {
	background-color: #2d7b59;
}
#quienes div a {
	color: white;
	text-decoration: none;
}
#header, #footer {
	display: block;
	height: 6vw;
}

@media (max-width: 600px) {
	.titulo {
		font-size: 6vw;
	}
	.proyecto {
		font-size: 4.5vw;
		padding: 1vw 0;
	}
	.descripcion {
		font-family: 'Open Sans', sans-serif;
		font-size: 3vw;
	}
	.descripcion a {
		font-size: 4vw;
		background-color: #2d697b;
	}	
	#autores {
		font-family: 'Oswald', sans-serif;
		color: #2d7b59;
		font-size: 4vw;
	}	
	h3 {
		font-size: 6vw;
	}
	#quienes {
		font-size: 3vw;
	}
	#quienes div {
		margin-top: 2vw;
		line-height: 8vw;
		width: 100%;
	}
}