body {
  background-color: rgb(15,12,12);
  padding: 0;
  margin: 0;
}



@media (max-width: 1260px) and (min-width: 640px) {
  @-viewport {
    width: device-width;
     orientation: landscape;
  }
}
@-ms-viewport {
  width: device-width;
}

.play {
      z-index: 999;
      position: absolute;
      border-bottom: 2px solid red;
      margin: 45px 0 0 160px;
}
.btn {
      border: 1px solid green;
      z-index: 999;
      width: 50px;

}

.relative_left
{
    margin: 0 auto;
}

.page {
  widows: 980px;
  max-height: 600px;
  display: block;
  margin: 50px auto 0 auto;
  position: relative;
  border: none;
}

img.image {
  margin: 0 auto;
  border: none;
}

.page a {
  margin: 0 auto;
}

.click {
  display:block;
   position:absolute;
  width:50%;
  height:180px;
   margin:0 auto;
  left: 22%;
  top: 70%;
}

	@media only screen and (max-width: 959px) {
         .image {
           width: 826px;
         }

		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
                       .image {
           width: 826px;
         }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
           .image {
           width: 750px;
         }

    }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
                      .image {
           width: 750px;
         }
    }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
                 .image {
           width: 470px;
           left: 40%;
         }

	}