#seccion-titulo{
	background-image: url(encabezados/proyectos.jpg);
}


#seccion-contenido h1, #seccion-contenido h2, #seccion-contenido h3, #seccion-contenido h4, #seccion-contenido h5{
	padding: 30px 0px 15px 0px;
	float: left;
	width: 100%;
}

ul, p{
	float: left;
	width: 100%;
}

#seccion-contenido-extracto{
	margin: 15px 0px;
	font-size: 1.25em;
	text-align: center;
	background-color:white;
	padding: 0px 20px;
}

.proyecto_cada_uno{
	padding: 5% 5%;
}
.proyecto_cada_uno:nth-child(even){
	background-color: #f5f5f5;
}

.proyecto_cada_uno h2 {
    text-align: left !important;
    font-family: Abel;
    color: #153e8e;
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.proyecto_cada_uno p {
    font-size: 1.2rem;
    margin: 0 0 1rem 0;
}

.proyecto {
    display: flex;
    flex-flow: column;
    flex-wrap: nowrap;
}

.proyecto >* {
    flex: 0 0 100%;
    margin: 1rem 0;
    border: 6px solid #ffffff;
    box-shadow: 2px 2px 7px 4px rgb(0 0 0 / 15%);
}

@media screen and (min-width: 640px) {
	.proyecto {
		flex-flow: row;
		flex-wrap: wrap;
		justify-content: center;
	}

	.proyecto >* {
		flex: 0 0 60%;
	}

	#seccion-contenido-extracto{
		font-size: 1.75em;
		
	}
}

@media screen and (min-width: 1024px) {
	#seccion-contenido-extracto{
		font-size: 2.5em;
		
	}

	.proyecto {
		justify-content: left;
	}

	.proyecto >* {
		flex: 0 1 31%;
		margin: 0 3.49% 0 0;
		width: 30%;
		
	}

	.proyecto >*:last-child{
		margin-right: 0;
	}

}