@charset "utf-8";
/* CSS Document */

*{
margin: 0 auto;
}
html{
height: 100%;	
}
body{
    font-family: Helvetica;
	width: 100%;
	height: auto;
	background-image: url(../img/pic.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
} 
.iconos{
    width:100vw;
    margin-top:12vh;
    position:relative; 
}
.item{
	width:45vw;
	max-width: 250px;
	height: auto;
    float:left;
	position:relative;
  top: 17vh;
  left: 58vw;
  -webkit-transform: translateX(-100%) translateY(-100%);
          transform: translateX(-100%) translateY(-100%);
}
.item img{
	max-width: 150px;
}

/* ======================================================================== */
@media screen and (max-width:1024px) and (min-width:640px) {
	.item{
		
		left: 40vw;
	} 
	.item img{
		max-width: 150px;
		margin-top: 80px;
	}

}

/*************************************************************************************************/
@media screen and (min-width:1024px) {
  
.centro2{
	width: 100%;
	margin: 0 auto;
	height:50%;
}
.iconos{
    width:95vw;
    height:30vh;
    margin-top:20vh;
    position:static;
}
.item{
	width:18vw;
	max-width: 230px;
	height: auto;
	float: left;
	 position: relative;
  top: 25vh;
  left: 22vw;
  -webkit-transform: translateX(-100%) translateY(-100%);
          transform: translateX(-100%) translateY(-100%);
}
.item:hover{
	width:20vw;
	height: auto;
	left: 20vw;
}

	}