body {
  overflow: hidden;
}
.hmain {
  border: 2px solid rgba(164, 64, 15, .7);
  margin-left: 18vw;
  width: 80.4vw;


}
h3 {
width: 100%;
text-align: center;
margin-top: 1%;
font-weight: normal;
}
.hmain p {
    font-size: 1.6vw;
}
.hbone {
width:54.8%;
border: 1px solid rgba(0,0,0,.2);
margin: .5%;
margin-left: 1%;
margin-top:1%;
margin-bottom:.8%;
/* cursor: pointer; */
display: inline-block;

}
.hbone p {
  text-align: center;
  margin-bottom: 1%;
}
.hbone img {
width: 100%;
margin-bottom: 1%;
margin-top: 2%;

}
.twoandthree {
  text-align: center;
  display: inline-block;
margin: .2%;
width:39.99%;

vertical-align: top;
position: relative;
padding: 0;
height: auto;

color: #fff;
margin-top:1%;
margin-bottom:.8%;
margin-top:1%;
margin-left: 1%;
/* cursor: pointer */
}
.hbtwo, .hbthree {
width: 100%;
height: auto;
border: 1px solid rgba(0,0,0,.2);
margin-bottom: 1.4%;
/* cursor: pointer; */

}
.hbthree {
  margin-top: .7%;
  /* pointer-events: none; */
}
.hbtwo img, .hbthree img {
width: 100%;

}
.hbtwo p, .hbthree p {
  position: absolute;
  width: 100%;
  margin-top: -10%;
}
.index {
  margin-top: 5vw;
}
.maincontainer {
  margin-top: 0;
  height: 100%;
}
.mobile_index {
  display: none;
}
.desktop_index {
margin-top: 0;

}
.turnorange {
  color:#a40;
}