.navtop {
  height: 50px;
  background-color: rgb(240, 240, 240);
  width: 100%;
  padding: 10px;
  margin-bottom: 100px;
}
.hide {
  margin-left: -300px;
}

.contenedor-chico {
  align-content: flex-end;
  align-items: flex-end;
  margin-left: 15rem;
}

.videotutorial {
  padding-bottom: 100px;
}

.bg-gradient-primary {
  background-color: #a8df4e;
  background-image: linear-gradient(180deg, #ffffff 10%, #efefef 100%);
  background-size: cover;
}

.boton-computador {
  margin-top: 20px;
  width: 100%;
}

.logo {
  margin-top: 18px;
  width: 60px;
}

.contenedor-grande {
  width: 100%;
  margin-left: 0px;
  padding-left: 0px;
}

list-group-item {
  font-size: 10px;
  color: red;
}

.show {
  margin-left: 0px !important;
}

@media (max-width: 770px) {
  .sidebar {
    width: 70%;
    height: 100vh;
    min-width: 120px;
    min-height: 500px;
    text-align: center;
    z-index: 2;
    margin-left: -500px;
  }
  .contenedor-grande {
  }
  .me-3 {
    float: right;
  }
  video {
    width: 100%;
  }
  .contenedor-chico {
    margin-left: 0px;
  }
}

.menu-trigger {
  width: 13.5rem;
}