/* Screens no smaller than a desktop */

/****************************************
* Header
****************************************/

header {
  padding: 1rem 3rem;
}

/****************************************
* Accents
****************************************/

.accent-4 {
  padding-bottom: 3rem;
}

.accent-4::before,
.accent-4::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
  background-image: url('/tyler-and-meghan/photos/greenery.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 250px;
  height: 100%;
}

.accent-4::before {
  left: 0;
}

.accent-4::after {
  transform: translateY(-50%) scaleX(-1);
  right: 0;
}