.wall-image img{
  width: 100%;
  height: 100%;
}

.front-img img{
  height: 35rem;
  /* width: 85rem; */
  width: 100%;
}

/* .card_body h4{
  text-align: center;
} */

.card{
  text-align: center;
}

.card h4{
  text-decoration: none;
}

.cardpadding img{
  padding: .5rem;
}

/* Style buttons */
/* .btn {
  background-color: DodgerBlue;
  border: none;
  color: white; */
  /* padding: 12px 30px; */
  /* cursor: pointer;
  font-size: 12px;
} */

/* Darker background on mouse-over */
/* .btn:hover {
  background-color: RoyalBlue;
} */


/*--------------------------------------------------------------------*/
/* for demo purposes */
body {
  background: rgb(255, 247, 213);
}

.card-block .btn-outline-primary {
  width: 100%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
.card-block p, .card-block h4{
  color: #1877f2;
}
.card-block li, .card-block a{
  color: #ebc302;
}
.card-block li:hover, .card-block li:hover a{
  text-decoration: none;
  color: #1877f2;
}

.card {
  margin: 20px 0;
}

/* Flip Cards CSS */
.card-container {
  perspective: 700px;
}
.card-container img{
  padding: .5rem;
}
.card-flip {
  position: relative;
  width: 100%;
  transform-style: preserve-3d;
  height: 26.5rem;
  transition: all 0.5s ease-out;
  background:whitesmoke;
  border: none;
}

.card-flip div {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  height: 100%;
  width: 100%;
  border: none;
}

.card-flip .front {
  position: relative;
  z-index: 1;
  padding-top: .5rem;
}

.card-flip .back {
  position: relative;
  z-index: 0;
  transform: rotateY(-180deg);
}

.card-container:hover .card-flip {
  transform: rotateY(180deg);
}

.card-info-position{
  text-align: left;
  padding: 3rem;
}
.size-img img{
  width: 21rem;
  height: 24rem;
}
@media (max-width: 576px){ 
.card-position{
  padding: 3rem;
}
}