.slider {
  height: 100%;
  display:flex;
  overflow-x: auto;
  overflow-y: hidden;
  flex-direction: row;
  -webkit-scroll-snap-type: x mandatory;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

.slider::-webkit-scrollbar {
	height: 1rem;
  z-index:2;
}

.slider::-webkit-scrollbar-track {
  border: 0.1875em solid var(--text-color);
	background: transparent  repeat-y !important;
}

.slider::-webkit-scrollbar-thumb {
  background-color: var(--text-color);
  outline: none;
}

main {
  height: calc(100vh - 40px - 6rem);
}


.post {
  width:100%;
  flex: 0 0 100%;
  display: flex;
  padding-right: 6rem;
}

.post .left {
  margin: 0 1rem 0 0;
  width:50%;
}

.post .right {
  width: 50%;
  overflow: visible;
}

.post:last-of-type {
  padding-right: 0;
}

.marquee {
  font-size: 1.75rem;
  max-width: 800px;
  width: 100%;
  overflow: hidden;
  margin-bottom:0.5em;
}

.image-wrapper {
  height: 87.5%;
  overflow: visible;
}

.text a {
  border-bottom: 0;
}

.image-wrapper img {
  max-height: 100%;
}

@media screen and (max-width: 1725px) {
  h1 {
    font-size: 3.75rem;
  }
}

@media screen and (max-width: 1325px) {
  h1 {
    font-size: 3rem;
  }
}

@media screen and (max-width: 1100px) {
  h1 {
    font-size: 2.75rem;
  }
}

@media screen and (max-width: 800px) {

  h1 {
    font-size: 2.5rem;
  }

  .post .left, .post .right {
    width: 100%;
  }

  .post {
    display: flex;
    flex-direction: column;
  }

  main {
    height: calc(100vh - 40px - 3rem);
  }

  .indicator
{
  opacity: 0;
	font-size:4vh;
	position:fixed;
	line-height: 1;
	bottom:1rem;
  left: 4rem;
	z-index:99;
}



}