/*fondo*/
/*#caja {
    opacity: 70%;
    color: black;
}
#pie {
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 70%;
    height: 60px;
    z-index: auto;
}*/
@media only screen and (max-width: 768px) {

    #caja1{
        display: none;
    }

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

    #formu{
        display: none;
    }

}
@media only screen and (min-width: 319px) {
    .top-header-area{
        text-align: right;
        font-size: 12px;
        margin-top: -10px;
      }
}
@media only screen and (min-width: 720px) {
    .top-header-area{
        text-align: right;
        font-size: 15px;
        margin-top: -10px;
      }
}
.scroleo{
    overflow: auto;
}
* {
    scrollbar-width: thin;
    scrollbar-color: orange yellow;
  }
  
  /* Works on Chrome/Edge/Safari */
  *::-webkit-scrollbar {
    width: 7px;
  }
  *::-webkit-scrollbar-track {
    background: orange;
  }
  *::-webkit-scrollbar-thumb {
    background-color:yellow;
    border-radius: 10px;
    border: orange;
  }
.info-navbar {
    margin-top: -10px;
}