/* Show More */
.showmore {
  text-decoration: none;
  pointer-events: all;
}

.showmore .showmore-box {
  margin: min(1rem, 1vw) 0;
  width: min(10rem, 50vw);
  height: min(3rem, 10vw);
  background-color: transparent;
  border-color: white;
  border-width: min(0.13rem, 0.5vw);
  border-style: solid;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.showmore .showmore-box .showmore-text {
  font-size: min(1.2rem, 5vw);
  text-decoration: none;
  color: white;
}

@media (max-width: calc(100vh * 1 / 1)) {
  .top-showmore-block .showmore {
    display: none;
  }
}

.scroll-down {
  display: block;
  margin-top: 2rem;
  position: relative;
  background-color: transparent;
  border-color: white;
  border-width: 0 min(0.13rem, 0.5vw) min(0.13rem, 0.5vw) 0;
  border-style: solid;
  width: min(3rem, 20vw);
  height: min(3rem, 20vw);
  transform: rotateZ(45deg);
  transition: all .2s;
  pointer-events: painted;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
}

.scroll-down::after {
  display: block;
  text-align: center;
  left: calc(min(3rem, 20vw)* .15);
  top: calc(min(5rem, 20vw) * .8);
  width: min(8rem, 40vw);
  position: absolute;
  background-color: transparent;
  content: "Scroll Down";
  font-size: 1.1rem;
  transform: rotateZ(-45deg);
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
}

@media (max-width: calc(100vh * 1 / 1)) {
  .scroll-down {
    display: none;
  }
}

.scroll-down:hover {
  transform: rotateZ(45deg) translateY(.5rem) translateX(.5rem);
  -webkit-transform: rotateZ(45deg) translateY(.5rem) translateX(.5rem);
  -moz-transform: rotateZ(45deg) translateY(.5rem) translateX(.5rem);
  -ms-transform: rotateZ(45deg) translateY(.5rem) translateX(.5rem);
  -o-transform: rotateZ(45deg) translateY(.5rem) translateX(.5rem);
}

.scroll-down-link {
  text-decoration: none;
  color: white;
}