.barragris-png{
	width: 52%; 
	min-width: 145px;
	mix-blend-mode: plus-lighter;
	height: 800px;
}

@media screen and (max-width: 500px){
	.barragris-png{
		min-width: 170px;
		height: 400px;
	}
}

.proyectos-section1{
	width: 100%; 
	text-align: center; 
	display: grid; 
	grid-template-rows:80% auto;
}

.proyectos-section1-div1{
	grid-row:1/3; 
	grid-column: 1/2;
}

.proyectos-section1-div2{
	 grid-row:2/4; 
	 grid-column: 1/2; 
	 display: grid; 
	 width: 75%; 
	 margin: auto; 
	 max-width: 1500px; 
	 grid-template-columns: 1fr 2fr 1fr 1fr 1fr; 
	 align-items: center;
}

/*-----------------------------------PARTE 2--------------------------------*/

.proyectos-section2{
	display: grid; 
	/*row-gap: 2%;*/ 
	width: 80%; 
	margin: auto; 
	grid-template-columns: 1fr 1fr;
	padding-top: 5%;
}

@media screen and (max-width:900px){
	.proyectos-section2{
		width: 95%;
	}

	.barragris-png{
		width: 80%;
		height: unset;
	}
}
	/*-----------------------LA MEJOR UBICACION PARA VIVIR TRANQUILO-------------*/
.proyectos-section2-div1{
	grid-row:1/2; 
	grid-column: 1/2; 
	display: grid; 
	/*margin-top: 10%; 
	margin-bottom: 5%;*/
}

	/*------------------------CONOCE MAS NUESTRO PROYECTO----------------------*/
.proyectos-section2-div2{
	 grid-row:2/3; 
	 grid-column: 1/2; 
	 display: grid; 
	 background-color: #60269E;
}

.proyectos-section2-div2-div1{
	 grid-row: 1/2; 
	 grid-column: ;
}
.proyectos-section2-div2-div2{
	 grid-row: 2/3; 
	 grid-column: ;
}
.proyectos-section2-div2-div3{
	 grid-row: 3/4; 
	 grid-column: ; 
	 display: grid; 
	 column-gap: 5%; 
	 margin-bottom: 2%;
	 margin-top: 2%;
}

	/*------------------------FRANJA MORADA---------------------------------*/
.proyectos-section2-div3{
	 grid-row:2/3; 
	 grid-column: 1/3; 
	 display: grid; 
	 background-color: #60269E; 
	 width: 137.5%; 
	 left: -25%; 
	 z-index:-1;
}

	/*------------------------BANNER TE GUSTO NUESTRO PROYECTO---------------*/
.proyectos-section2-div4{
	 grid-row:3/4; 
	 grid-column: 1/2; 
	 display: grid; 
	 grid-template-columns: 2.3fr 1fr 1fr;
	 margin-top: 2%;
}

.vendedor-baner-png{
	width: 100%;

	/*animation: spin 5s linear infinite;*/
}

@keyframes spin{
	100%{-webkit-transform: rotatey(360deg);}
}

	/*------------------------FORMULARIO---------------------------------*/
.proyectos-section2-div5{
	 grid-row: 1/4; 
	 grid-column: 2/3; 
	 display: grid; 
	 z-index:1; 
	 margin-top: 3%;
}

	/*------------------------BARRA GRIS---------------------------------*/
.proyectos-section2-div6{
	 grid-row: 1/4; 
	 grid-column: 2/3; 
	 display: grid; 
	 z-index:0;
}


/*-----------------------------------PARTE 3--------------------------------*/

.proyectos-section3{
	width: 100%; 
	text-align: center; 
	display: grid;
	margin-top: 5%;
}

.proyectos-section3-div2-div1-div1-asesor{
	grid-row: 1/2; 
	grid-column: 1/2; 
	display: grid; 
	grid-template-columns: 2fr 3fr 1fr 1fr; 
	align-items: center; 
	width: 70%;
}

.saladeventas-png{
	width: 10%;
	min-width: 100px;
	margin-left: 10%;
}


/*-----------------------------------PARTE 4--------------------------------*/

.proyectos-section4{
	width: 100%; 
	text-align: center; 
	display: grid;
	margin-top: 3%;
	
}

.otrosproyectos-png{
	width:23%;
	min-width: 225px;
}

.video-proyectos{
  max-width:100% ;
 
}



@media screen and (max-width:900px){
	.otrosproyectos-png{
	place-self: center;
	}

	.saladeventas-png{
	place-self: center;
	}

	.video-proyectos{
  	max-width:100% ;
	}

	.proyectos-section2-div1{
    MARGIN-TOP: 5%;
    MARGIN-BOTTOM: 5%;
    grid-row:1/2; 
	}

	.proyectos-section2-div1 div img{
		min-width: 190px;
	}

	.proyectos-section2-div1 div p{
		text-align: justify;
	}

	.proyectos-section2-div2{
	grid-row:2/3; 
	grid-column: 1/3;
	margin-top: 3%;
	}
	
	.proyectos-section2-div2-div1 img{
		max-width: 300px;
	}
	.proyectos-section2-div3{
	width: 127.5%; 
	min-height: 200px;
	margin-top: 3%;
	}

	.proyectos-section2-div4{
	grid-row:4/5; 
	grid-column: 1/3;

	}

	.proyectos-section2-div5{
	grid-row:1/2; 
	grid-column: 2/3;
	}

	.proyectos-section2-div6{
	grid-row:1/2;
	grid-column: 2/3;
	}
}

@media screen and (max-width: 700px){
	.proyectos-section2-div1 div p{
		font-size: 13px;
	}
}
