body {
  width: 302vw;
}

.page-wrapper {
  background-color: white;
  width: auto;
  overflow-x: hidden;
  overflow-y: scroll;
}
p {
  font-family: sans-serif;
  margin-bottom: 0 !important;
}

a.menu-open .line {
  background-color: #000;
}

.desktop_hidden {
  display: none;
  margin: 10% auto;
  max-width: 90%;
}

.mobile_hidden#page1,
.mobile_hidden#page2,
.mobile_hidden#page3 {
  width: 100vw;
  height: 100vh;
  position: relative;
  display: inline-block;
}
.mobile_hidden#page1 > div:nth-child(1) {
  margin-top: 5%;
  position: absolute;
  top: 15%;
  left: 5%;
}

.mobile_hidden#page1 > div:nth-child(1) h1 {
  color: rgba(0, 0, 0, 0.07);
  font-size: 800px;
  transform: skewX(-15deg);
  font-family: "Times New Roman", Times, serif;
}
.mobile_hidden#page1 > div:nth-child(2) {
  position: relative;
  z-index: 1;
}

.mobile_hidden#page1 > div:nth-child(2) p span {
  color: darkcyan;
  font-weight: bold;
}

.mobile_hidden#page1 > div:nth-child(2) td img {
  display: block;
  position: relative;
  bottom: 10%;
  height: 100%;
  width: auto;
  margin-left: auto;
}

.mobile_hidden#page2 {
  width: 100vw;
  height: 100vh;
  position: relative;
  display: inline-block;
}

.mobile_hidden#page2 table tr td > table:nth-child(1) {
  margin-left: 5%;
  max-width: 53%;
  float: left;
}

.mobile_hidden#page2 table tr td > table:nth-child(2) {
  float: right;
  max-width: 40%;
  border-collapse: separate;
  border-spacing: 0 1em;
}

.mobile_hidden#page2 table tr td > table:nth-child(2) td img {
  display: block;
  position: relative;
  bottom: 10%;
  width: 100%;
  margin-left: auto;
}

/* .mobile_hidden#page2 table tr td > table:nth-child(2) tr td > div div:nth-child(2) {
  width: 100%;
  height: 25vh;
  background-color: #fae013;
  margin-left: auto;
  display: flex;
} */

.mobile_hidden#page2 table tr td > table:nth-child(2) {
  cursor: pointer;
  width: 42%;
}

.mobile_hidden#page2 table tr td > table:nth-child(2) tr td {
  position: relative;
}

.mobile_hidden#page2 .bannerText {
  visibility: hidden;
  width: 100%;
  height: 25vh;
  background-color: #fae013;
  margin-left: auto;
  display: flex;
  position: absolute;
  transform: translate(0, 100%);
  opacity: 0;
  transition: 5s ease-in;
}

.mobile_hidden#page2 table tr td > table:nth-child(2):hover .bannerText {
  visibility: visible;
  opacity: 1;
  transform: translate(0, -100%);
  transition: 1s ease-in-out;
}

.bannerImgArrow {
  width: 20px;
  height: 20px;
  border-right: 4px solid red;
  border-bottom: 4px solid red;
  position: absolute;
  bottom: 25px;
  left: 25px;
  transform: rotate(225deg);
}

.mobile_hidden#page2
  table
  tr
  td
  > table:nth-child(2)
  tr
  td
  > div
  div:nth-child(1) {
  font-size: 11px;
  padding: 3.5em 15px;
}

.mobile_hidden#page2
  table
  tr
  td
  > table:nth-child(2)
  tr
  td
  > div
  div:nth-child(1)
  p
  span {
  font-size: 30px;
  font-weight: bold;
}

.mobile_hidden#page2
  table
  tr
  td
  > table:nth-child(2)
  tr
  td
  > div
  div:nth-child(2) {
  padding: 3em 2px;
  font-size: 23px;
}

.mobile_hidden#page3 tr td div {
  display: inline-block;
  width: 280%;
  height: 30vh;
  background-color: #fae013;
}

.mobile_hidden#page3 table tr td img {
  display: block;
  width: 100%;
  position: relative;
  bottom: 10%;
  height: auto;
  margin-left: auto;
}

@media only screen and (max-width: 1500px) {
  body {
    width: 100vw !important;
  }

  .mobile_hidden {
    display: none !important;
  }

  .desktop_hidden {
    display: block !important;
  }
}

@media only screen and (max-width: 600px) {
  .menu-open {
    left: 15px !important;
  }

  .desktop_hidden {
    margin: 20% auto !important;
    max-width: 95% !important;
  }

  .mobile_p1Element {
    padding-left: 5px;
  }

  .mobile_p1Element > div {
    width: 84% !important;
    margin-bottom: 1em !important;
  }

  .mobile_p1_text > p,
  .mobile_p2_text > p,
  .mobile_p3_text > p {
    padding: 0.5em;
  }

  .mobile_p2_element {
    height: 26vh !important;
    color: #000;
  }

  .mobile_p2_element > .rightElement {
    padding: 1em 2px !important;
  }
}

@media only screen and (max-width: 430px) {
  .mobile_p2_element > .rightElement {
    padding: 0.5em 2px !important;
    font-size: 21px !important;
  }
}

@media only screen and (max-width: 390px) {
  .mobile_p2_element {
    height: 28vh !important;
  }

  .mobile_p2_element > .rightElement {
    font-size: 19px !important;
  }
}

@media only screen and (max-width: 360px) {
  .mobile_p2_element {
    height: 35vh !important;
  }

  .mobile_p2_element > .rightElement {
    font-size: 19px !important;
  }
}

@media only screen and (max-width: 340px) {
  .mobile_p2_element {
    height: 42vh !important;
  }
}