.header-wrapper {
  overflow: hidden;
  height:65vh;
  text-align:center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.zoominheader {
  max-height:65vh;
  text-align:center;
  background: url("../imagenes/fotos/repa1.jpg");
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-animation: zoomin 20s ease-in infinite;
  animation: zoomin 20s ease-in infinite;
  transition: all 8s ease-in-out;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}


/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.15);}
  100% {transform: scale(1);}
}
@keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.15);}
  100% {transform: scale(1);}
} /*End of Zoom in Keyframes */

.area1{
	position: absolute;
	z-index: 10;
	width: 120%;
}

.posX1{
left: 15% !important;
top: 4% !important;
width: 70% !important;
height: 90% !important;
}
.tama1{
  height: calc(100% - 74px);
  overflow-y: hidden;
}

.areaLogo{
	position: absolute;
	z-index: 10;
	width: 100%;
}

.areaLogo img {
	float: right;
	margin-right:5%;
	margin-top: 3%;
}

.pFlex{display: flex !important;}
.pWrap{flex-wrap: wrap !important;}
.centrar{
	margin-right: auto !important;
	margin-left: auto !important;
}

.fondo1{
	background-color: rgba(0,0,0,0.9);
	border-radius: 10px;
}


@media only screen and (min-width: 600px) {

.posX1{
left: 4% !important;
width: 50% !important;
}
.area1{
  position: absolute;
  z-index: 10;
  width: 180%;
} 

}


@media only screen and (min-width: 1020px) {
.posX1{
left: 4% !important;
width: 40% !important;
}
.area1{
  position: absolute;
  z-index: 10;
  width: 90%;
} 

}