.container {
  position: relative;
  width: 100%;
  max-width: 100%;
}

.container img {
  width: 100%; 
  height: auto;
}

.container .btn {
  position: absolute;
  top: 1%;
  left: 74%;
  border: none;
  width:35px;
  height:35px;
  opacity: 0;
  <!-- opacity: 0.9; -->
  <!-- transform: translate(-50%, -50%); -->
  <!-- -ms-transform: translate(-50%, -50%); -->
  <!-- background-color: #555; -->
  <!-- color: white; -->
  <!-- font-size: 16px; -->
  <!-- padding: 12px 24px; -->
  <!-- border: none; -->
  <!-- cursor: pointer; -->
  <!-- border-radius: 5px; -->
  <!-- text-align: center; -->
  
  
  
}

.container .btn:hover {
  <!-- background-color: black; -->
}

.bg-text {
  /* background-color: rgb(0,0,0); /* Fallback color */ 
  /* background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */ 
  /* color: white; */
  font-weight: bold;
  font-size: 80px;
  /* border: 10px solid #f1f1f1; */
  position: fixed;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%);
  z-index: 2;
  /* width: 300px; */
  padding: 20px;
  text-align: center;
}
.audioPlayer{
	position: absolute;
	top: 7%;
	left: 37%;
	display: block;
	/* background: #333; */
	padding: 10px 20px 6px 20px;
	/* border: 2px solid #000; */
	width: 300px;
	text-align: center;
	z-index: 999999;
	cursor:pointer;
	}
	
@media (max-width: 768px) {
    .audioPlayer {
      position: absolute;
	top: 7%;
	left: -260%;
	display: block;
	/* background: #333; */
	padding: 10px 20px 6px 20px;
	/* border: 2px solid #000; */
	width: 50px;
	text-align: center;
	z-index: 999999;
	cursor:pointer;
	  } }
	
.btnCloseAudio{
	position: absolute;
	right: 18px;
	cursor:pointer;
	top: -7px;}
@media (max-width: 768px) {
    .btnCloseAudio {
      position: absolute;
	right: -218px;
	cursor:pointer;
	top: -7px;}
	  } }	
	
.container .btn1 {
  position: absolute;
  top: 20%;
  left: 14.5%;
  border: 10px;
  width:17px;
  height:37px;
  border: 0px solid; 
  
  }	
	
.container .btn2 {
  position: absolute;
  top: 20.3%;
  left: 0%;
  border: none;
  width:85px;
  height:123px;
  border: 0px solid; 
  
  }	
  
  .container .btn1 {
  position: absolute;
  top: 20.3%;
  left: 14%;
  border: none;
  width:85px;
  height:123px;
  border: 0px solid; 
  
  }	
.container .btn3 {
  position: absolute;
  top: 20.3%;
  left: 20%;
  border: none;
  width:67px;
  height:123px;
  border: 0px solid;
 }

.container .btn4 {
    position: absolute;
    top: 24.5%;
    left: 78.6%;
    border: none;
    width: 99px;
    height: 72px;
    border: 0px solid;
 }	

.container .btn5 {
    position: absolute;
    top: 20.3%;
    left: 72%;
    border: none;
    width: 75px;
    height: 122px;
    border: 0px solid;
  }	

.container .btn6 {
    position: absolute;
    top: 47%;
    left: 73.5%;
    border: none;
    width: 87px;
    height: 63px;
    border: 0px solid;
  
  
}	
.container .btn7 {
    position: absolute;
    top: 23.5%;
    left: 78.8%;
    border: none;
    width: 93px;
    height: 75px;
    border: 0px solid;
  
  
}	

.container .btn14 {
 position: absolute;
  top: 20.3%;
  left: 31.5%;
  border: none;
  width:94px;
  height:123px;
  border: 0px solid;
  }

.container .btn8 {
  position: absolute;
  top: 20.3%;
  left: 39%;
  border: none;
  width:85px;
  height:123px;
  border: 0px solid;
 }
 
 .container .btn15 {
 position: absolute;
  top: 20.3%;
  left: 46%;
  border: none;
  width:61px;
  height:123px;
  border: 0px solid;
  }
 
.container .btn9 {
  position: absolute;
  top: 20.3%;
  left: 51%;
  border: none;
  width:102px;
  height:123px;
  border: 0px solid;
 }
 
 
.container .btn10 {
  position: absolute;
  top: 20.3%;
  left: 59.5%;
  border: none;
  width:72px;
  height:123px;
  border: 0px solid;
 }	

.container .btn11 {
  position: absolute;
  top: 20.3%;
  left: 7%;
  border: none;
  width:95px;
  height:123px;
  border: 0px solid;
  }	

.container .btn12 {
  position: absolute;
  top: 20.3%;
  left: 65.5%;
  border: none;
  width: 81px;
  height: 123px;
  border: 0px solid;
  }	

.container .btn13 {
  position: absolute;
  top: 20.3%;
  left: 78%;
  border: none;
  width: 83px;
  height: 123px;
  border: 0px solid;
  }
  
  .container .btn16 {
 position: absolute;
  top: 20.3%;
  left: 84.5%;
  border: none;
  width:100px;
  height:123px;
  border: 0px solid;
  }
  
  .container .btn17 {
 position: absolute;
  top: 20.3%;
  left: 92.5%;
  border: none;
  width:95px;
  height:123px;
  border: 0px solid;
  }
  
  .container .btn18 {
 position: absolute;
  top: 20.3%;
  left: 25.5%;
  border: none;
  width:73px;
  height:123px;
  border: 0px solid;
  }

@media (max-width: 768px) {
    .container .btn1 {
  position: absolute;
  top: 20%;
  left: 14.5%;
  border: 10px;
  width:17px;
  height:37px;
  border: 0px solid;
	  } }
@media (max-width: 768px) {
    .container .btn2 {
 position: absolute;
  top: 20%;
  left: 1%;
  border: none;
  width:18px;
  height:37px;
  border: 0px solid; 
	  } }
@media (max-width: 768px) {
    .container .btn3 {
  position: absolute;
  top: 20%;
  left: 20.2%;
  border: none;
  width:15px;
  height:36px;
  border: 0px solid;
	  } }	  

@media (max-width: 768px) {
    .container .btn4 {
    position: absolute;
    top: 24%;
    left: 77.5%;
    border: none;
    width: 29px;
    height: 22px;
    border: 0px solid;
	  } }
@media (max-width: 768px) {
    .container .btn5 {
    position: absolute;
    top: 20%;
    left: 72%;
    border: none;
    width: 20px;
    height: 36px;
    border: 0px solid;
	  } }
@media (max-width: 768px) {
    .container .btn6 {
    position: absolute;
    top: 46.5%;
    left: 72.5%;
    border: none;
    width: 27px;
    height: 17px;
    border: 0px solid;
	  } }	  

@media (max-width: 768px) {
    .container .btn7 {
    position: absolute;
    top: 22.8%;
    left: 78%;
    border: none;
    width: 26px;
    height: 23px;
    border: 0px solid;
	  } }	
@media (max-width: 768px) {
    .container .btn14 {
  position: absolute;
  top: 20%;
  left: 31.5%;
  border: none;
  width:26px;
  height:36px;
  border: 0px solid;
	  } }
	   

@media (max-width: 768px) {
    .container .btn8 {
  position: absolute;
  top: 20%;
  left: 39.3%;
  border: none;
  width:21px;
  height:36px;
  border: 0px solid;

	  } }
	  
@media (max-width: 768px) {
    .container .btn15 {
  position: absolute;
  top: 20%;
  left: 45.8%;
  border: none;
  width:16px;
  height:36px;
  border: 0px solid;
	  } }

@media (max-width: 768px) {
    .container .btn9 {
  position: absolute;
  top: 20%;
  left: 51%;
  border: none;
  width:25px;
  height:36px;
  border: 0px solid;
	  } }	  
	   	  
	   
@media (max-width: 768px) {
    .container .btn10 {
  position: absolute;
  top: 20%;
  left: 59%;
  border: none;
  width:21px;
  height:36px;
  border: 0px solid;
	  } }	
	  	  
@media (max-width: 768px) {
    .container .btn11 {
  position: absolute;
  top: 20%;
  left: 7%;
  border: none;
  width:24px;
  height:36px;
  border: 0px solid;
	  } }	
	  	  
@media (max-width: 768px) {
    .container .btn12 {
  position: absolute;
  top: 20%;
  left: 65%;
  border: none;
  width:23px;
  height:36px;
  border: 0px solid;
	  } }	

@media (max-width: 768px) {
    .container .btn13 {
    position: absolute;
    top: 20%;
    left: 78%;
    border: none;
    width: 22px;
    height: 36px;
    border: 0px solid;
	  } }

@media (max-width: 768px) {
    .container .btn16 {
  position: absolute;
  top: 20%;
  left: 85%;
  border: none;
  width:20.5px;
  height:36px;
  border: 0px solid;
	  } }	  

@media (max-width: 768px) {
    .container .btn17 {
  position: absolute;
  top: 20%;
  left: 91%;
  border: none;
  width:28px;
  height:36px;
  border: 0px solid;
	  } }		

@media (max-width: 768px) {
    .container .btn18 {
  position: absolute;
  top: 20%;
  left: 25%;
  border: none;
  width:22px;
  height:36px;
  border: 0px solid;
	  } }			  
	  

.text-block {
  position: absolute;
  bottom: 20px;
  right: 20px;
  padding-left: 20px;
  padding-right: 20px;
  
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}