*{
    margin: 0;
    padding: 0;
    box-sizing: border-boxs; /*especifica que el tamaño del elemento incluira el relleno y los bordes */
    
 }



 body { 
    font-family: "Arial"; /*Tipo de letra*/
    height: 150vh; /*para agregar scroll*/
    font-family: 'Raleway', sans-serif;
    background-color: white;
 }

 header{
    position: relative; 
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #156AAD;
    padding-bottom: 60px;
    margin-bottom: 20px;
 }

 .cont-texto { 
        width: 50%;
        color: #fff;
        
 }

 @media (min-width: 600px) and (max-width: 768px) {

   .cont-texto { 
      color: #fff;
      
}

   #tituloheader {
      font-size: 40px;
      font-weight: 300px;
      color: White;
      margin-left: 2%;
      margin-bottom: 18%;    
  }

  img{ 
   width: 40% ;
   margin-left: 15%;
   margin-right: 5%;
   margin-bottom: 10%;
    }

    #txt {

      size: 110% !important;
    }


                        }

@media (max-width: 1200px) {

   .cont-texto { 
      color: #fff;
      
}

   #tituloheader {
      font-size: 40px;
      font-weight: 300px;
      color: White;
      margin-left: 2%;
      margin-bottom: 18%;    
  }

  img{ 
   width: 40% ;
   margin-left: 15%;
   margin-right: 5%;
   margin-bottom: 10%;
    }


                        }

h1 {
        font-size: 80px;
        font-weight: 300px;
        color: White;
        margin-left: 2%;
        margin-bottom: 18%;
        
    }

img{ width: 18% ;
   margin-left: 15%;
   margin-right: 5%;
   margin-bottom: 10%;
   
   
    }

.wave { 
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important ;
    width: 100% !important;
    
 }

 #wave { 
   position: absolute !important;
   bottom: 0 !important ;
   left: 0 !important;
   width: 100% !important;
   
}

 #generarple {
   background: #156AAD  !important;
   padding: 30px 30px 30px 30px;
 }
 
 main div h1 { color:black; text-align: center; padding: 0%; margin: 0%;}
 
 #flecha { 
   z-index: 1;
   width: 0%;

   bottom: 0;
   left: 0;
   color: black;
   
   }

#excel {
   size: 150%;
}

#botongenerarple {
  font-family: 'Raleway', sans-serif; padding: 0px; font-weight: 300px;margin: 0px;
}