@media screen and (max-width: 590px) {
  .sidenav {
  width: 120px;
  }

  a.journeyBtn {
  font-size: 9px;
  }
  
  .dlcb {
  bottom: 10px;
  right: 10px;
  width: 100px;
  background-repeat: no-repeat;
  }

  #cardbacks filterdiv {
  margin-bottom: 10px;
  }

  .category {
    text-align: center;
  }

  .main {
  margin-left: 130px;
  margin-right: 0px;
  }

  #previewImg {
  top: -40px;
  left: 0;
  height: 140px;
}
  #previewBorder {
    top: -20px;
    left: -20px;
    transform: scale(0.7);
  }
  #previewAvatar {
    top: 20px;
    left: 20px;
    transform: scale(0.56);
  }
  #previewTitle {
    font-size: 0.7em;
    margin-top: -45px;
  }
  #searchBox {
    width: 40%;
    font-size: 0.9em;
  }
  #emptysb {
    font-size: 1em;
    text-indent: -3px;
  }
  .extraInfo {
    margin-top: -40px;
  }
  .btn {
    width: 90%;
  }
  .rndBtn {
    transform: scale(0.7);
  }
}