.main-header .menu-the-summit li:first-child {
  display: inline-block;
  width: 49%;
}

/*** katie ledecky header ***/

.header-parallax[data-aspectratio="ledecky"] {
  &:after {
    /* padding-bottom: 62.5%; */
    /* padding-bottom: 55%; */
    padding-bottom: 56.25%;
  }
}

.scene-ledecky .background img {
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  transform: scale(1.05);
  transition: transform 10s cubic-bezier(0.19, 1, 0.22, 1);
}

.scene-ledecky .katie img {
  top: 10.83333333%; /* 156 ÷ 1440 = 0.1083333333 */
  left: 0.078125%; /* 2 ÷ 2560 = 0 */ 
  display: block;
  width: 95.9375%; /* 2456 ÷ 2560 = 0.959375 */
}

.scene-ledecky .parallax-text {
  position: absolute;
  top: 10%;
  right: 5%;
  /* width: 45%; */
  width: 55%;
}

.scene-pagination-ledecky .scene-pagination__thumbnail {
  background-image: url('../assets/images/home/ledecky/thumb@2x.jpg');
}

/*** simone biles header ***/

.header-parallax[data-aspectratio="biles"] {
  /* background-color: red; */
  &:after {
    /* padding-bottom: 62.5%; */
    /* padding-bottom: 55%; */
    padding-bottom: 40%;
  }
}

.scene-biles .background img {
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  /* transform: scale(1.1); */
  /* filter: blur(6px); */
  transition: transform 10s cubic-bezier(0.19, 1, 0.22, 1);
}

.scene-biles .simone img {
  top: 14.5%;
  right: 11%;
  display: block;
  width: 47.35714286%;
  /* filter: grayscale(100%); */
  /* filter: drop-shadow(0px 0px 50px rgba(255, 255, 255, 0.25)); */
}

.scene-biles .parallax-text {
  position: absolute;
  top: 25%;
  left: 5%;
  /* width: 45%; */
  width: 40%;
}

.scene-pagination-biles .scene-pagination__thumbnail {
  background-image: url('../assets/images/home/biles/thumb@2x.jpg');
}

.home .scene-pagination__thumbnail {
  opacity: 0.34;
  &:hover,
  &:active {
    opacity: 0.67;
  }
}

.home .scene-pagination__thumbnail.active {
  opacity: 0.67;
}

.ratio-container--4-1:after {
  content: '';
  display: block;
  height: 0;
  width: 100%;
  padding-bottom: 25%;
}

/* reset summit box color schemes */

.summit-box:after,
.summit-box:after,
.summit-box:nth-child(4n+1):after,
.summit-box:nth-child(4n+1):after,
.summit-box:nth-child(4n+2):after,
.summit-box:nth-child(4n+2):after {
  background-color: rgba(0, 0, 0, 0.6)
}

.summit-box:hover:after,
.summit-box:active:after,
.summit-box:nth-child(4n+1):hover:after,
.summit-box:nth-child(4n+1):active:after,
.summit-box:nth-child(4n+2):hover:after,
.summit-box:nth-child(4n+2):active:after {
  background-color: rgba(0, 0, 0, 0.8)
}

.summit-box .summit-box__location,
.summit-box:nth-child(4n+1) .summit-box__location,
.summit-box:nth-child(4n+1) .summit-box__location,
.summit-box:nth-child(4n+2) .summit-box__location,
.summit-box:nth-child(4n+2) .summit-box__location {
  color: #FFFFFF;
}

/* even number of summit boxes */

.summit-box-group-even .summit-box:nth-child(4n+1):after,
.summit-box-group-even .summit-box:nth-child(4n+4):after {
  background-color: rgba(255, 255, 255, 0.8);
}

.summit-box-group-even .summit-box:nth-child(4n+1):hover:after,
.summit-box-group-even .summit-box:nth-child(4n+4):active:after,
.summit-box-group-even .summit-box:nth-child(4n+1):hover:after,
.summit-box-group-even .summit-box:nth-child(4n+4):active:after {
  background-color: rgba(255, 255, 255, 0.9);
}

.summit-box-group-even .summit-box:nth-child(4n+1) .summit-box__location,
.summit-box-group-even .summit-box:nth-child(4n+4) .summit-box__location {
  color: #242121;
}

/* odd number of summit boxes */

.summit-box-group-odd .summit-box[data-count="1"]:after {
  /* background-color: rgba(0, 0, 0, 0.6); */
}

.summit-box-group-odd .summit-box:nth-child(4n+2):after,
.summit-box-group-odd .summit-box:nth-child(4n+5):after {
  background-color: rgba(255, 255, 255, 0.8);
}

.summit-box-group-odd .summit-box:nth-child(4n+2):hover:after,
.summit-box-group-odd .summit-box:nth-child(4n+5):active:after,
.summit-box-group-odd .summit-box:nth-child(4n+2):hover:after,
.summit-box-group-odd .summit-box:nth-child(4n+5):active:after {
  background-color: rgba(255, 255, 255, 0.9);
}

.summit-box-group-odd .summit-box:nth-child(4n+2) .summit-box__location,
.summit-box-group-odd .summit-box:nth-child(4n+5) .summit-box__location {
  color: #242121;
}