* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  background: #f9f9f9;
}

.product-heading{
    margin: 2rem auto;
    text-align: center;
    max-width: 60rem;
}

.product-heading h1{
    font-size: 5rem;
    margin-bottom: 1.5rem;
}

.product-heading p{
    font-size: 1.6 rem;
}

.list-item{
    text-align: center;
    max-width: 120rem;
    margin: auto
}

.item{
    display: inline-block;
    text-align: center;
    width: 30%;
    height: auto;
    margin: 1rem;
    text-align: left;
    background-color: rgb(237, 223, 206);
}

.item img{
    height: auto;
    width: 100%;
    /* display: block; */
}

.item h2,
.item .meta,
.item p,
.item a {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.item h2{
    margin: 1.5rem;
}
.item .meta{
    font-style: italic;
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
}

.item p{
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

.item a{
    display: inline-block;
    text-decoration: none;
    color: #f9f9f9;
    background-color: blue;
    padding: 1rem 2rem;

}