h2 {
  margin: 0;
}

.navbar {
  justify-content: left !important;
}
.nav-link {
  color: rgba(0,0,0,.7) !important;
}

.flex-container {
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
}

.flex-item {
  padding: 10px;
  margin: 0%;
}

.item {
  display: block;
  width: 175px;
  height: 175px;
  overflow: hidden;
  display: relative;
  background-size: cover !important;
  text-decoration: none;
  border-radius: 6px;
  background: rgb(230, 230, 230);
  overflow: hidden;
  padding: 10%;
}

.item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.item h2 {
  text-align: center;
}

.item .desc {
  background: rgba(230, 230, 230, 0.9);
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  overflow: hidden;
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  text-align: center;
  word-break: break-word;
  display: flex;
  align-items: center;
  justify-content: center;
}

.item:hover .desc {
  transform: translate(0, -100%);
}

.text-dark:hover{
  color: blue !important;
}



.demo {
  color: rgb(0, 150, 250) !important;
  border: 2px solid rgb(0, 150, 250);
}