/* REFERENCEJ */
.section-reference {
  padding-bottom: 15rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.reference__text-box {
  background-image: linear-gradient(
      to bottom,
      rgba(25, 79, 15, 0.9),
      rgba(25, 79, 15, 0.35)
    ),
    url("image/20200324_162612.jpg");
  background-position: center;
  background-size: cover;
  height: 55vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.reference__description {
  font-size: 2.4rem;
  margin-top: 7rem;
  text-align: center;
  letter-spacing: 1px;
  color: var(--color-white);
}

.reference__gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 3rem;
  padding: 2rem;
  padding: 4rem 10rem;
}

.reference__img-box {
  max-width: 100%;
}

.reference__img-box--img {
  max-width: 100%;
  border: 1px solid var(--color-primary-tint);
}

.h1-reference {
  color: var(--color-white);
}

.h3-reference {
  margin-top: 6rem;
}