*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
}
main {
	
}
.imagen1{
	width: 317px;
	height: 200px;
	background-image: url("../img/Restauraciòn/r5.JPG");
	background-size: 100% 100%;

	margin: 50px auto;
	position: relative;

}

.imagen2{
	background-image: url("../img/Restauraciòn/r6.JPG");
	background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    max-width: 100%;

    resize: horizontal;
    overflow: hidden;

}

.imagen2:before{
	content: "\21C6";
	color:  #27B44B;
	font-size: 25px;


	background: rgba(242,219,109,0.9);

	height: 100%;
	line-height: 380px;
    position: absolute;
	top: 0;
	right: 0;
}



.imagen2 textarea{
	opacity: 0;
	width: 20px;
	height: 10px;
	position: relative;
	top: 50%;
	transform: scaleY(30);
	cursor: e-resize;

}

p{
	text-align: center;
	color: #27B44B;
	font-size: 18px;
}


@media(min-width: 480px){
	.imagen1{
	width: 500px;
	height: 300px;
	}

	.imagen2:before{
		line-height: 580px;

	}
p{
		text-align: center;
	color: #27B44B;
	font-size: 25px;

	}

	
}

@media(min-width: 768px){
	.imagen1{
	width: 800px;
	height: 500px;
	}

	.imagen2:before{
		line-height: 970px;

    }
}

@media(min-width: 1024px){
	.imagen1{
	width: 1100px;
	height: 600px;
	}

	.imagen2:before{
		line-height: 1170px;

	}

}


/*style de modal*/


.modal{
	
	background-image: url(../img/what-the-hex.png);
width: 100%;
height: 100%;

}


.imagen3{
	width: 317px;
	height: 200px;
	background-image: url("../img/Restauraciòn/r3.JPG");
    background-size: 100% 100%;
    
    margin: 50px auto;
	position: relative;

}

.imagen4{
	background-image: url("../img/Restauraciòn/r4.JPG");
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    max-width: 100%;

    resize: horizontal;
    overflow: hidden;

}

.imagen4:before{
	content: "\21C6";
	color:  #27B44B;
	font-size: 25px;


	background: rgba(242,219,109,0.9);

	height: 100%;
	line-height: 380px;
    position: absolute;
	top: 0;
	right: 0;
}



.imagen4 textarea{
	opacity: 0;
	width: 20px;
	height: 10px;
	position: relative;
	top: 50%;
	transform: scaleY(30);
	cursor: e-resize;

}


@media(min-width: 480px){
	.imagen3{
	width: 500px;
	height: 300px;
	}

	.imagen4:before{
		line-height: 580px;

	}
}

@media(min-width: 768px){
	.imagen3{
	width: 800px;
	height: 500px;
	}

	.imagen4:before{
		line-height: 970px;

    }
}

@media(min-width: 1024px){
	.imagen3{
	width: 1100px;
	height: 600px;
	}

	.imagen4:before{
		line-height: 1170px;

	}

}


.imagen5{
	width: 317px;
	height: 200px;
	background-image: url("../img/Restauraciòn/r7.JPG");
    background-size: 100% 100%;
    margin: 50px auto;
	position: relative;

}

.imagen6{
	background-image: url("../img/Restauraciòn/r8.JPG");
	 background-size: 100% 100%; 
  
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    max-width: 100%;

    resize: horizontal;
    overflow: hidden;

}

.imagen6:before{
	content: "\21C6";
	color:  #27B44B;
	font-size: 25px;


	background: rgba(242,219,109,0.9);

	height: 100%;
	line-height: 380px;
    position: absolute;
	top: 0;
	right: 0;
}



.imagen6 textarea{
	opacity: 0;
	width: 20px;
	height: 10px;
	position: relative;
	top: 50%;
	transform: scaleY(30);
	cursor: e-resize;

}

@media(min-width: 480px){
	.imagen5{
	width: 500px;
	height: 300px;
	}

	.imagen6:before{
		line-height: 580px;

	}
}

@media(min-width: 768px){
	.imagen5{
	width: 800px;
	height: 500px;
	}

	.imagen6:before{
		line-height: 970px;

    }
}

@media(min-width: 1024px){
	.imagen5{
	width: 1100px;
	height: 600px;
	}

	.imagen6:before{
		line-height: 1170px;

	}

}


@media screen and (min-width: 1024px){
	.verde{
	background: rgba(39,180,75,0.7);
	
	
	padding: 50px 0;
	height: 400px;
	position: absolute;
	top: 0;
	width: 100%;
}
}