body{
	font:15px verdana;
	margin:0px;
	padding:0px;
	
}




#renovable{
	
	display:flex;
	flex-direction:row;

}


.renovable-item{
	display: flex;
	flex-direction: column;
	justify-content:space-between;
	flex-basis:35%;
	}


.renovable-item h2{order:2;}
.h2center{
	
text-align:center;	

}
.imgcenter{
	border:3px solid black;
	width:85%;
	height:365px;
	margin-left:35px;
	
	
}

.renoini{
	background-color:lightblue;
		
	margin:0px;
	padding:96px;
    flex-grow:3;
	flex-shrink:1;
	flex-basis:35%;
	order:1;
	
	
}
.uno{
	background-color:lightblue;	
	margin:3px;
	padding:4px;
    flex-grow:3;
	flex-shrink:1;
	flex-basis:35%;
	order:1;
}
.dos{
	background-color:#02B108;
	margin:3px;
	padding:4px;
    flex-grow:3;
	flex-shrink:1;
	flex-basis:35%;
	order:2;
}
.tres{
	background-color:#DBBC21;
	margin:3px;
	padding:4px;
    flex-grow:3;
	flex-shrink:1;
	flex-basis:35%;
	order:3;
}
.cuatro{
	background-color:#059ACA;
	margin:3px;
	padding:4px;
    flex-grow:3;
	flex-shrink:1;
	flex-basis:35%;
	order:4;
}

strong{
	text-shadow:1.5px 1.5px grey;
}
h1{
	margin:auto;
	text-transform:capitalize;
	font-family:vergara;
	font-size:6ex;
	
	
	
	
}

h2{
	margin:auto;
	text-transform:capitalize;
	font-family:vergara;
	font-size:3,2ex;
	
	
}

p{
	font-family: Georgia, Times, serif;
	text-indent:12px; 
	font-size:2.2ex;
	padding:2px;
	
	
}

@media (max-width: 1000px){
	
	#renovable{
		display:flex;
		flex-wrap:wrap;
		align-content:flex-start;
	}
	.imgcenter{
	border:1px solid black;
	width:80%;
	height:365px;
	margin-left:35px;
	
}


@media (max-width: 700px){
	
	#renovable{
		display:flex;
		 flex-direction:column;
	
	}
	.imgcenter{
	border:1px solid black;
	width:75%;
	height:185px;
	margin-left:20px;
	
}