@charset "UTF-8";

.products {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
.product {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  box-shadow: -1px 2px 8px -4px #333;
}
.product_details {
  border: #e3e3e3;
  margin: 20px 0;
  font-size: 18px;
}
.product_details p {
  font-size: 16px;
}
.tall_image { height: 180px; }
.wide_image { width: 400px; }
.normal_image { width: 300px; }

@media screen and (max-width: 1100px) {
  .products {
    display: block;
  }
  .product { margin-bottom: 20px; }
}

@media screen and (max-width: 575px) {
  .wide_image, .normal_image { width: 100%; height: auto; }
}