@media only screen and (min-width : 992px) {
  .user-bar {
      transform: translateX(0%) !important;
  }

  header, main, footer {
    padding-left: 300px;
  }
}
@media only screen and (max-width : 992px) {
  header, main, footer {
    padding-left: 0px;
  }
}
.user-view img{
  min-width: 200px !important;
  max-width: 500px !important;
  min-height: 200px !important;
  max-height: 500px !important;
}
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}