@font-face {
  font-family: "bahnschrift";

  
  src: url("fuentes/bahnschrift.ttf");
 
  
}



html{
    

     /* Ubicación de la imagen */
    
     background-image: url(../img/Orizaba600_CUPVER.jpg);
    
     /* Para dejar la imagen de fondo centrada, vertical y
     
     horizontalmente */
     
     background-position: center center;
     
     /* Para que la imagen de fondo no se repita */
     
     background-repeat: no-repeat;
     
     /* La imagen se fija en la ventana de visualización para que la altura de la imagen no supere a la del contenido */
     
     background-attachment: fixed;
     
     /* La imagen de fondo se reescala automáticamente con el cambio del ancho de ventana del navegador */
     
     background-size: cover;
     
     /* Se muestra un color de fondo mientras se está cargando la imagen
     
     de fondo o si hay problemas para cargarla */
     
   /*   background-color: #66999; */
}



.header {
  font-family: "bahnschrift";
    background-color: #6C8C3D;
    padding: 30px 10px;
    color: rgb(61, 61, 61);
    text-align: left;
    font-size: 50px; 
    font-weight: bold;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
   
  
  }


  /* fundacion titulo cabecera */
  .letratitulo{
    top: -45px;
    left: 10px;
    font-family: "bahnschrift";
    font-size: 48px; 
    text-align: left;
    font-weight: bold;
    position: fixed;
  }

.scrool{
    background-color:rgba(251, 251, 251, 0.5); 
    /* overflow-y: scroll;
  scroll-behavior: smooth; */
   
    /* font-size: 18px;
    border: red 2px solid;
    margin: 20px;
    padding: auto;*/
    text-align: justify;
    

   

     font-size: calc(0.8em + 1vw); 

    width: auto;
    height: auto;
 /*  border: 1px solid; */
  padding: 10px 150px;

  /* BOTH of the following are required for text-overflow */
  white-space: nowrap;
  white-space: inherit;
  overflow: hidden;
  
  word-break:break-all;
}









/* foooter */
.footer {
    position: fixed;
    left: 0;
    bottom: 8px;

   
    width: 100%;
    height: 12%;
 /*  background-color: rgba(44, 41, 41, 0.818);  */
     
 /*    background-image: url(img/fondo_CUPVER.jpg);   */
    color: white;
    text-align: center;
 }

 

 /* copy right */
.copyrt{

  background-color: aliceblue;
  font-family: "bahnschrift";
  color: #6C8C3D;
  bottom: 0;
  right: 0;
  position: fixed;
  font-size: calc(0.4em + 1vw); 

}






/* mobile */
@media screen and (max-width: 420px){


  .header {
    font-family: "bahnschrift";
      background-color: #6C8C3D;
      padding: 30px 10px;
      color: rgb(61, 61, 61);
      text-align: left;
      font-size: 50px; 
      font-weight: bold;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
     
    
    }
  
  
    /* fundacion titulo cabecera */
    .letratitulo{
      top: -45px;
      left: 10px;
      font-family: "bahnschrift";
      font-size: 48px; 
      text-align: left;
      font-weight: bold;
      position: fixed;
    }
  
  .scrool{
      background-color:rgba(251, 251, 251, 0.5); 
      /* overflow-y: scroll;
    scroll-behavior: smooth; */
     
      /* font-size: 18px;
      border: red 2px solid;
      margin: 20px;
      padding: auto;*/
      text-align: justify;
      
  
     
  
       font-size: calc(0.8em + 1vw); 
  
      width: auto;
      height: auto;
   /*  border: 1px solid; */
    padding: 10px 50px;
  
    /* BOTH of the following are required for text-overflow */
    white-space: nowrap;
    white-space: inherit;
    overflow: hidden;
    
    word-break:break-all;
  }
  
  
  
  
  
  /* foooter */
  .footer {
      position: fixed;
      left: 0;
      bottom: 8px;
  
     
      width: 100%;
      height: 12%;
   /*  background-color: rgba(44, 41, 41, 0.818);  */
       
   /*    background-image: url(img/fondo_CUPVER.jpg);   */
      color: white;
      text-align: center;
   }
  
   
  
   /* copy right */
  .copyrt{
  
    background-color: aliceblue;
    font-family: "bahnschrift";
    color: #6C8C3D;
    bottom: 0;
    right: 0;
    position: fixed;
    font-size: calc(0.4em + 1vw); 
  
  }
  


}