@media (min-width: 540px) 
{
	.matriz_contacto {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	//grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	justify-items: center;
	align-items: center;
	}
	.div1 { 
	grid-area: 1 / 1 / 2 / 3; 
	//margin-bottom:-100px;
	margin-top:0px;
	}
	.div2 { 
	grid-area: 1 / 3 / 2 / 4; 
	//margin-bottom:-100px;
	margin-top:0px;
	}
	.div3 { 
	grid-area: 2 / 1 / 3 / 2;
	margin-top:0px;
	background-image: url("../images/telefono_sip.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 100px;
	background-position: center;
	color:transparent;
	cursor:pointer;
	}
	.div4 {
	grid-area: 2 / 2 / 3 / 3;
	margin-top:0px;
	}
	.div5 {
	grid-area: 2 / 3 / 3 / 4;
	margin-top:0px;
	}
	.div6 {
	grid-area: 3 / 1 / 4 / 2;
	margin-top:40px;
	}
	.div7 {
	grid-area: 3 / 2 / 4 / 3;
	margin-top:40px;
	}
	.div8 {
	grid-area: 3 / 3 / 4 / 4;
	margin-top:40px;
	}
	.ancho {
	width:65%;	
	}
	.titulo_contacto {
		margin-bottom:-35px;
	}
}


@media (min-width: 720px) 
{
	.ancho {
	max-width:45%;	
	}
	.separacion {
		margin-top:30px;
	}
	.titulo_contacto {
		margin-bottom:-35px;
	}
}

@media (max-width: 539px) 
{
	.div1, .div7, .div8 {
	margin-top:30px;
	}
	.div4, .div5 {
	margin-top:15px;
	}
	.div3 {
	margin-top:15px;
	background-image: url("../images/telefono_sip.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 100px;
	background-position: center;
	color:transparent;
	cursor:pointer;
	}
	
	.div2, .div6 {
	margin-top:45px;
	}

}

.div3:hover {
	background-image: none;
	color:black;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 3.0s ease-out;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}