@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap");
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#bcbox {
  margin-top: 30px;
}

#bcbox .col-md-4 {
  min-width: 320px;
  min-height: 200px;
  margin: 10px auto 10px auto;
}

.bccontainer {
  -webkit-perspective: 800px;
  perspective: 800px;
  /* Styling */
  font-family: 'Open Sans', sans-serif;
  /* Center it */
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.bccard {
  /* Styling */
  width: 300px;
  height: 180px;
  background: #005baa;
  color: #dce1f7;
  font-size: 0.8em;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  /* Card flipping effects */
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.bcside {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix Chrome rendering bug */
  -webkit-transform: rotate(0deg) translateZ(1px);
  transform: rotate(0deg) translateZ(1px);
}

/* Flip the card on hover */
.bccontainer:hover .bccard,
.bcback {
  -webkit-transform: rotateY(-180deg) translateZ(1px);
  transform: rotateY(-180deg) translateZ(1px);
}

/* Front styling */
.bcfront {
  /* Center the name + outline (almost) */
  text-align: center;
}

.bclogo {
  display: inline-block;
  margin-top: 65px;
  padding: 5px 20px;
  border-bottom: #dce1f7 1px solid;
  font-size: 1.6em;
  font-weight: normal;
  line-height: 32px;
}

/* Back styling */
.bcback {
  background: url("img/buscard.jpg");
  background-color: #f1f3ff;
  text-align: right;
  padding: 20px;
}

.bcnome {
  color: #003869;
  margin: 60px 0px 0px 0px;
}

p {
  margin-bottom: .2em;
  margin-right: 20px;
  float: right;
}

.bcinfo {
  position: absolute;
  bottom: 15px;
  left: 20px;
  color: black;
}

.bcproperty {
  color: black;
  font-weight: bold;
}

/* Make semi-responsive */
@media (max-width: 700px) {
  .bccard {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  .bccontainer:hover .bccard {
    -webkit-transform: scale(0.7) rotateY(-180deg) translateZ(1px);
            transform: scale(0.7) rotateY(-180deg) translateZ(1px);
  }
}
/*# sourceMappingURL=buscard.css.map */