/* Set height of the grid so .sidenav can be 100% (adjust if needed) */
    .row.content {height: 30%;
     color: black;}
    .row.content2{height: 30%;
            color: black; overflow:auto;}
    .row.content3{height: 50%;
      overflow:auto;
       color: black;
      }

    .col-sm-9{background-color:none ;height: 800px;
      color:blue;}
    /* Set gray background color and 100% height */
    .sidenav {
      background-color: #f1f1f1;
      height: 100%;
    }
   #mio{color: blue;
   }
    /* Set black background color, white text and some padding */
    
    
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height: auto;} 

      .carousel-inner{ 
      background-color: #1abc9c;
      color: #ffffff;
    }
    .contenido{color: blue;}