html {
  height: 100%;
}

body {
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  position: relative;
  background: -moz-linear-gradient(to bottom, rgba(124, 227, 244, 0.15) 50px, rgba(0, 0, 0, 0) 50%);
  background: -webkit-linear-gradient(to bottom, rgba(124, 227, 244, 0.15) 50px, rgba(0, 0, 0, 0) 50%);
  background: linear-gradient(to bottom, rgba(124, 227, 244, 0.15) 50px, rgba(0, 0, 0, 0) 50%);
}

html,
body,
h1,
h2,
h3,
div,
p,
img,
section {
  margin: 0;
  padding: 0
}

.index_img {
  height: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.index_catchCopy {
  width: 250px;
  position: absolute;
  right: 5%;
  bottom: 15%;
}

@media screen and (max-width: 1600px) {
  .index_img {
    height: 400px;
  }

  .index_catchCopy {
    width: 310px;
  }
}

@media screen and (max-width: 720px) {
  .index_img {
    height: 260px;
  }

  .index_catchCopy {
    width: 180px;
  }
}

@media screen and (max-width: 320px) {
  .index_img {
    height: 200px;
  }

  .index_catchCopy {
    width: 140px;
  }
}