.menuA{
    color: #01628b!important;

}
.menuA:hover{
    color: gray!important;
}
.mensage{
    font-size: 3rem;
    font-weight: 600!important;
}
.titulo{
    text-shadow: 1px 1px 1px black; font-size: 3.2rem; color: #10a5e5; font-weight: 400;
    border: 1px #01628b;
}
.titula{
    text-shadow: 1px 1px 1px rgb(153, 153, 153); font-size: 1.4rem; color: #01628b!important; font-weight: 400;
   
}
.ser{
    text-shadow: 3px 3px 3px black;
}
.flotante {
    display:scroll;
        position:fixed;
        bottom:4%;
        right:4%;
        width: 8%;
        z-index: 5;
}
@media (max-width: 780px) {
    .flotante{
        width: 18%;
    }
    .liNav {
        
     display: none;
    }
    .menu{
        display: contents!important;
    }
    .mensage{
        font-size: 1.1rem;
    }
    .titulo{
        text-shadow: 1px 1px 1px gray; font-size: 1.5rem; font-weight: 400;
       
    }
    .titula{
        font-size: 1.1rem; 
       
    }
    .ser{
        font-size: 1rem;
    }
}






footer{
    bottom: 0;
  
  }
   
  @media (max-height:800px){
      footer { position: static; }
  
  }
   
   
  .footer-distributed{
      background-color: black;
      box-sizing: border-box;
      width: 100%;
      text-align: left;
      font: bold 16px sans-serif;
      padding: 50px 50px 60px 50px;
      margin-top: 80px;
  }
   
  .footer-distributed .footer-left,
  .footer-distributed .footer-center,
  .footer-distributed .footer-right{
      display: inline-block;
      vertical-align: top;
  }
   
  /* Footer left */
   
  .footer-distributed .footer-left{
      width: 30%;
  }
   
  .footer-distributed h3{
      color:  #ffffff;
      font: normal 36px 'Cookie', cursive;
      margin: 0;
  }
  
   
  /* The company logo */
   
  .footer-distributed .footer-left img{
      width: 30%;
  }
   
  .footer-distributed h3 span{
      color: #00aad4;
      
  }
   
  /* Footer links */
   
  .footer-distributed .footer-links{
      color:  #ffffff;
      margin: 20px 0 12px;
  }
   
  .footer-distributed .footer-links a{
      display:inline-block;
      line-height: 1.8;
      text-decoration: none;
      color:  inherit;
  }
   
  .footer-distributed .footer-company-name{
      color:  #8f9296;
      font-size: 14px;
      font-weight: normal;
      margin: 0;
  }
   
  /* Footer Center */
   
  .footer-distributed .footer-center{
      width: 35%;
  }
   
   
  .footer-distributed .footer-center i{
      background-color: #2c292f;
      color: #ffffff;
      font-size: 25px;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      text-align: center;
      line-height: 42px;
      margin: 10px 15px;
      vertical-align: middle;
  }
   
  .footer-distributed .footer-center i.fa-envelope{
      font-size: 17px;
      line-height: 38px;
  }
   
  .footer-distributed .footer-center p{
      display: inline-block;
      color: #ffffff;
      vertical-align: middle;
      margin:0;
  }
   
  .footer-distributed .footer-center p span{
      display:block;
      font-weight: normal;
      font-size:14px;
      line-height:2;
  }
   
  .footer-distributed .footer-center p a{
      color: #00aad4;
      text-decoration: none;;
  }
   
   
  /* Footer Right */
   
  .footer-distributed .footer-right{
      width: 30%;
  }
   
  .footer-distributed .footer-company-about{
      line-height: 20px;
      color:  #92999f;
      font-size: 13px;
      font-weight: normal;
      margin: 0;
  }
   
  .footer-distributed .footer-company-about span{
      display: block;
      color:  #ffffff;
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 20px;
  }
   
  .footer-distributed .footer-icons{
      margin-top: 25px;
  }
   
  .footer-distributed .footer-icons a{
      display: inline-block;
      width: 35px;
      height: 35px;
      cursor: pointer;
      background-color:  #2c292f;
      border-radius: 2px;
   
      font-size: 20px;
      color: #ffffff;
      text-align: center;
      line-height: 35px;
   
      margin-right: 3px;
      margin-bottom: 5px;
  }
   
  /* Here is the code for Responsive Footer */
  /* You can remove below code if you don't want Footer to be responsive */
   
   
  @media (max-width: 880px) {
   
      .footer-distributed .footer-left,
      .footer-distributed .footer-center,
      .footer-distributed .footer-right{
          display: block;
          width: 100%;
          margin-bottom: 40px;
          text-align: center;
      }
   
      .footer-distributed .footer-center i{
          margin-left: 0;
      }
      .rederror{
          border-color:  red!important;
          color: red!important;
      }
      .rederro{
          
          color: red!important;
      }
  }