/* Set height of the grid so .sidenav can be 100% (adjust if needed) */
.row.content {height: 1500px} 
/* .row.content {height: 100%} */

/* Set gray background color and 100% height */
.sidenav {
  background-color: #c2c2c2;
  height: 100%;
}

.navbar-brand {
  display: flex;
  align-items: center;
  padding: 0px 10px 0px 0px;
}

.navbar-brand>img {
  padding: 10px;
}

/* Set black background color, white text and some padding */
footer {
  background-color: #555;
  color: white;
  padding: 15px;
}

/* 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;}
}