.btn {
  font-size: 14px;
  padding: 8px 22px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  width: 230px;
  z-index: 20;
  text-transform: uppercase;
}

.btn.broch-button {
  color: #fff;
  background-color: #f09391;
}

.btn.broch-button:hover {
  background-color: #ffbfbd;
  color: #ffffff;
}

#broch-columns-container {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 60px;
}

#broch-columns-container .broch-item {
  padding: 10px;
  border-radius: 10px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

#broch-columns-container .broch-item:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

#broch-columns-container .broch-item:hover h3 {
  color: #ffbfbd !important;
}

#broch-columns-container .broch-item .broch-icon {
  /*background-color: $grey-color-first;*/
  /*width: 160px;*/
  height: 320px;
  margin-bottom: 2px;
  border-radius: 2px;
  display: table;
}

#broch-columns-container .broch-item .broch-icon .icon-align {
  display: table-cell;
  vertical-align: middle;
}

#broch-columns-container .broch-item .broch-icon .icon-align img {
  max-height: 320px;
  margin: 0px auto;
}

#broch-columns-container .broch-item .broch-title h3 {
  margin-top: 0px;
  color: #f09391;
}

#broch-columns-container .broch-item .broch-year h3 {
  color: gray;
  font-size: 13px;
  margin-top: 25px;
}

#broch-columns-container .broch-item .broch-description {
  color: #2D3846;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 10px;
}

#broch-columns-container .broch-item a {
  color: #2D3846;
  font-weight: 600;
}

@media (max-width: 575px) {
  #usp-columns-container .usp-item {
    margin-bottom: 15px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #usp-columns-container .usp-item {
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  #broch-columns-container {
    text-align: center;
  }
  #broch-columns-container .broch-item .broch-icon {
    margin: auto;
  }
  #broch-columns-container .broch-item .broch-year {
    text-align: center;
  }
  #broch-columns-container .broch-item .broch-title {
    text-align: center;
  }
  #broch-columns-container .broch-item .broch-description {
    text-align: center;
  }
  #usp-columns-container .usp-item {
    margin-bottom: 15px;
  }
}

@media (max-width: 1199px) {
  .broch-icon {
    height: 220px !important;
  }
  .broch-icon img {
    max-height: 220px !important;
    margin: 0px auto;
  }
}