#logonav {
  width: 35%;
}

#avatar {
  width: 100%;
}

#ron {
  width: 100%;
}

#log {
  width: 100%;
}

#dbro {
  width: 100%;
}

#dbro {
  width: 100%;
}

@media (min-width: 768px) {
  #logonav {
    width: 20%;
  }
}

@media (min-width: 768px) {
  #dbro {
    width: 25%;
  }
}

@media (min-width: 768px) {
  #log {
    width: 50%;
  }
}

@media (min-width: 768px) {
  #ron {
    width: 50%;
  }
}

@media (min-width: 768px) {
  #avatar {
    width: 100%;
  }
}

#AGENDABA::-webkit-scrollbar {
  display: none;
}