:root {
  --lrp-color-1: #B5BFC7;
  --lrp-color-2: #81929F;
  --lrp-color-3: #5D7587;
  --lrp-color-4: #405C72;
  --lrp-color-5: #29455B;
  --light-color: #f9fafb;
  --dark-color: #272d35;
}



.bg-footer {
  background: var(--lrp-color-4);
  color: var(--lrp-color-1);
}

.footer p {
  text-transform: uppercase;
}

.hero h1 {
  color: var(--lrp-color-1);
}

.hero {
  padding-top: 8rem;
}

.hero p {
  color: var(--lrp-color-1);
  text-align: center;
}

.contact {
  padding: 8rem;
  text-align: center;
  /* text-transform: uppercase; */

}

.contact a:visited,
.contact a:hover,
.contact a:active,
.contact a:focus {
  color: var(--dark-color);
  text-decoration: none;

}


.contact h2 {
  color: var(--dark-color);
}

.contact P {
  color: var(--dark-color);
  font-size: 1.5rem;
  text-decoration: none;
}


/* .info h1 {
  color: var(--dark-color);
} */

/* .info {
  padding-top: 8rem;
} */

/* .info p {
  color: #000;
  text-align: center;
} */

.item {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 600;
}

.serving {
  padding-top: 8rem;
}

.tray {
  color: var(--lrp-color-3);
  text-transform: uppercase;
}

.tray p {
  font-size: 1.5;
}

.tray h2 {
  color: var(--lrp-color-3);
}

.price {
  font-size: 1.5rem;
  color: var(--lrp-color-3);
}

.wood {
  background: url('../images/plaidcutting1.png') top center/cover no-repeat;
  height: 100vh;
}

.business {
  background: url('../img/pattern-3371709_1920.jpg') top center/cover no-repeat;
  height: 100vh;
}

.gallery {
  padding-top: 8rem;
}

.text-me {
  color: var(--lrp-color-5);
  background-color: var(--lrp-color-1);
  padding: 1rem;
  border-radius: 25px;
  text-align: center;
  text-decoration: none;
}

.mail {
  text-decoration: none;
  color: var(--dark-color);
}

.phone {
  color: var(--dark-color);
}

/* .info a:link,
.info a:visited,
.info a:active,
.info a:focus {
  color: #000;
  text-decoration: underline;
} */

.picture-gallery {
  padding-top: 6rem;
}

.picture-gallery h2 {
  color: var(--lrp-color-4);
}

.boards,
.serving,
.holders {
  text-align: center;
  text-transform: uppercase;
  padding: 6rem 0;
}

.boards h2,
.serving h2,
.holders h2 {
  color: var(--lrp-color-3);
}



.boards a {
  text-decoration: none;
  color: var(--lrp-color-3);
}

.boards h4 {
  color: var(--lrp-color-3);
  text-transform: uppercase;
}

.bg-site {
  background: var(--lrp-color-3);
}

/* .example-image-link .data-tittle {
  color: var(--light-color);
  font-size: 2rem;
} */


@media (max-width: 576px) {
  .picture-gallery h2 {
    font-size: 2rem;
  }
}

@media (max-width: 576px) {
  .serving {
    padding: 0 3rem;
  }

  .serving h2 {
    font-size: 2rem;
  }
}