@font-face {
    font-family: Abchanelcoco Reg;
    src: url(../abchanelcoco-reg.woff);
}


input:focus {
  outline: none;
}
*:focus {
  outline: none;
}

a {
  text-decoration: none;
  color: #daf2ae;
}

body {
  font-size: 15px;
  line-height: 19px;
  font-family: Abchanelcoco Reg, sans-serif;
  color: #daf2ae;
   text-align: center;
   outline: none;
}

h1 {
  z-index:  9999;
  position:  fixed;
  width:  100vw;
  top: 15px;
  left: 0;
  font-size: 14px;
  margin:  0 auto;

}

footer {
    z-index:  9999;
  	position:  fixed;
  	bottom: 0;
   	margin:  0 auto;
    width:  100vw; 
}

footer p {
  width:  100%;
  padding:  15px;
}


.swiper-container {
  width:  100vw;
  height:  100vh;
}

.swiper-slide img{
  height: 100vh;
  width: 75vh;
  object-fit: cover;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

}
.swiper-slide {
  position: relative;
}

.swiper-slide p {
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 15px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  width: auto;
  height: 100vh;
  display: none;
  text-align: center;
}

.swiper-slide:hover p {
  display: block;
}




@media only screen and (max-width: 809px) and (-webkit-min-device-pixel-ratio: 2) {

  body {
    font-size: 13px;
    line-height: 16px;
  }

  h1 {
    font-size: 12px;
    line-height: 16px;
  }

  .swiper-slide {
    height: 90vh;
    width: 100vw;
  }

.swiper-slide p {
  height: 85vh;
}


.swiper-button-prev,
.swiper-button-next {
  display: none;

}



}