/*---------------------------------------
  TYPOGRAPHY               
-----------------------------------------*/

h2 {
  font-size: 42px;
}

p {
  color: #717275;

  font-weight: 300;
}

/*---------------------------------------
  SECTION               
-----------------------------------------*/

.section-padding {
  padding-top: 5rem;
  padding-bottom: 1rem;
}

/*---------------------------------------
  PRODUCT               
-----------------------------------------*/

.product-info {
  padding: 30px 20px;
}

/*---------------------------------------
  PRODUCT               
-----------------------------------------*/

.product-thumb {
  background: var(--white-color);
  position: relative;
  transition: all 0.5s ease-out;
}

.product-image {
  transition: all 0.5s ease-out;
}

.product-thumb:hover .product-image {
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
}