.imgHeader{
    background-image: url('../PROYECTO/HISTORIA/portadaHistoria.png');
    background-size:cover; 
    height: 450px; 
    padding-top: 10%; 
    background-repeat: no-repeat; 
    width: 100%; 
}

.contInfoUnion{
    padding: 0 25% 0 25%;
}
.flyerUnco{
    position: absolute; 
    top: -78px; 
    right: 150px;
    height:350px;
}
.contDatosHist{
    padding:0 18%;
}








/*media queries de responsive telefono*/
@media only screen and (min-width: 100px) and (max-width: 768px){
   .imgHeader{
    height: 300px;
    padding-top: 100px;
   }

   .contInfoUnion{
    padding: 0 5% ;
   }

   .flyerUnco{
    right: 75px;
   }
   .contDatosHist{
    padding: 0 8% ;
   }
   .container{
    padding: 0;
   }
   .imgTabla{
    width: 100vw;
   }
   .flyerUnco{
    display: none;
   }
   .titulo{
    text-align: center;
   }
  }