.blackOverlay {
    display:none;
    background:rgba(0,0,0,.6);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
}

.popup {
    display:block;
    background:#ce9c6b;
    position:fixed;
    top:10%;
    /*left:50%;*/
    width:auto;
    height:34%;
    /*margin-left:-300px;*/
    z-index:10;
    border:2px solid #fff;
	padding:5px;
	color:#000;
	margin: 5% 30%;
}

@media only screen and (max-device-width: 414px) {
	.popup {
    display: block;
    background: #ce9c6b;
    position: fixed;
    top: 10%;
    /* left: 50%; */
    width: auto;
    height: 63%;
    /* margin-left: -300px; */
    z-index: 10;
    border: 2px solid #fff;
    padding: 5px;
    color: #000;
    margin: 0% 5%;
}
}}


.closePopup {
    float:right;
    font-weight:bold;
    color:red;
    cursor:pointer;
}

img {
    max-width:100%;
    max-height:100%;
}

.button {
  border:2px solid #fff;
  color: #000;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 4px 2px;
  cursor: pointer;
}

.button1 {background-color: #ce9c6b;} /* Green */