.u-center-text {
  text-align: center;
}

.row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 114rem;
  margin: 0 auto;
}
.row:not(:last-child) {
  margin-bottom: 8rem;
}
.row::after {
  content: "";
  display: table;
  clear: both;
}
.row .col-1-of-2 {
  display: block;
  width: calc((100% -6rem) / 2);
  padding-left: 2em;
}
.row .heading-tertiary {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
}
.row .paragraph {
  font-size: 0.89rem;
  text-align: center;
  padding-right: 1.5rem;
}
.row .paragraph p {
  margin-top: 15px;
}

@media (max-width: 500px) {
  .row {
    display: block;
  }
  .composition__photo {
    position: relative;
  }
  .col-1-of-2 {
    display: block;
    padding: 2em;
  }
  .col-2-of-2 {
    height: 200px;
    margin-left: 30px;
  }
  .row .heading-tertiary {
    display: flex;
    justify-content: center;
  }
}
.composition {
  position: relative;
}
.composition__photo {
  width: 55%;
  box-shadow: 0 1.5rem 4rem black;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
  transition: all 0.2s;
  outline-offset: 0.5rem;
}
.composition__photo--p1 {
  left: 0;
  bottom: -12rem;
}
.composition__photo--p2 {
  left: 40%;
  top: 4rem;
}
.composition__photo--p3 {
  left: 10%;
  top: 7rem;
}
.composition__photo:hover {
  outline: 0.5rem solid tan;
  transform: scale(1.05);
  box-shadow: 0 2.5rem 2rem black;
  z-index: 20;
}

@media (max-width: 500px) {
  .composition__photo--p1 {
    top: -1em;
  }
  .composition__photo--p2 {
    top: 1em;
  }
  .composition__photo--p3 {
    top: 2em;
  }
}/*# sourceMappingURL=grid.css.map */