#popup {
  width:600px;
  display:none;
  position:fixed;
  margin:0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
  border-radius: 10px;
  overflow: hidden;
  background-color: #a3a78d;
  text-align: center;
}
#close{
  font-size:30px; 
  right: 15px;
  top: 5px;
  position: absolute;
  color: #fff !important;
  text-decoration: none;
  cursor: pointer;
  z-index: 10000;
  line-height: 30px;
}
#popup h5{
  padding: 80px 20px;
  color:white;
  font-size: 48px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.2;
}

@media (max-width:768px){
  #popup {
    width:90%;
  }
  #popup h5 {
    font-size: 32px;
    padding: 60px 15px;
  }
}

@media (max-width:480px){
  #popup h5 {
    font-size: 24px;
    padding: 50px 10px;
  }
}