@charset "UTF-8";

.columnvacia {
  display: inline-block;
  width: 2.5%;
}
.columnarticulo {
  display: inline-block;
    width: 30%;
}

/* Style the list */
.price {
  list-style-type: none;
  border: 1px solid grey;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

/* Add shadows on hover */
.price:hover {
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

/* Pricing header */
.price .header {
  background-color: #ffffff;
}

/* List items */
.price li {
  background-color: white;
  padding: 5px;
  text-align: center;
}

/* Grey list item */
.price .nombre {
  background-color:lightgray;
  font-size: 20px;
}

.price .detalle {
  height: 35px;
}

/* The button */
.button {
  width: 70%;
  background-color: crimson;
  border: none;
  color: white;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
}

.button:hover {
  background-color: darkred;

}
/* Change the width of the three columns to 100%
(to stack horizontally on small screens) */
@media only screen and (max-width: 600px) {
  .columnvacia {
    width: 100%;

  }
  .columnarticulo {
      width: 100%;
  }
  .price {
    margin: 0px 20px;
  }
  
  }