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

body {
 overflow: hidden;
 margin: 0px;

}

.box {
  margin: auto;
  color: #fff;
  font-size: 2rem;
  width: 1366px;
  height: 700px;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  font-family: Helvetica, sans-serif;
  width: 100%;
  height: 100vh;
  padding: 0px;
  overflow-x: hidden;
}

.item {
  height: 100%;
  width: 100%;
  position: relative;
  scroll-snap-align: start;
  display: flex;
  justify-content: center;
  align-items: center;
}

.item img {
   /* width: 100vw; */
   height: 100vh;
}

.item > span {
 position: absolute;
}

.item > span > div {
 padding: 31px;
 background-color: #00000096;
 box-shadow: 0 0 0px #fff;
}

grid {
 /* display: grid;
 justify-content: space-around; */
 padding-top: 30px;
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 grid-template-rows: 1fr 1fr 1fr;
 gap: 0px 0px;
 grid-template-areas:
   ". . ."
   ". . .";
 justify-content: space-evenly;
 justify-items: center;
 gap: 25px 0px;
 width:  80%;
 margin: auto;
}

grid row {
 /* display: table-row; */
 grid-template: initial;
}

grid row > * {
 display: table-cell;
}
/* .item > span > p {
 display: grid;
 justify-content: space-evenly;
} */

#android-email, #ios-email {
 width: 100%;
}

.box label {
 width: 100%;
 text-align: left;
}
.authors {
 font-size: 9px;
 opacity: 0.5;
 bottom: 0px;
 position:  absolute;
 /* right: 0px; */
 padding: 10px;
}

.item > span > div.form {
  padding-bottom: 10px;
  width: 70%;
  margin: auto;
}
/* .item > span > p label {
 width: 76px;
 text-align: right;
 padding-right: 10px;
} */
/* .item:nth-child(1){
 background-image: url(img/02.jpg);
} */
/*
.item:nth-child(2){
 background-image: url(img/01.jpg);
}
.item:nth-child(3){
 background-image: url(img/03.jpg);
}
.item:nth-child(4){
 background-image: url(img/04.jpeg);
}
.item:nth-child(5){
 /* display: grid;
 grid-template-columns: repeat(1, 1fr);
 grid-template-rows: repeat(3, 1fr);
 grid-auto-flow: column;
 background-image: url(img/05.jpg);
}*/