.box {   width: 40%;   margin: 0 auto;   background: rgba(255,255,255,0.2);   padding: 35px;   border: 2px solid #fff;   border-radius: 20px/50px;   background-clip: padding-box;   text-align: center;   z-index:2000; }  
  .button {   font-size: 1em;   padding: 10px;   color: #fff;   border: 2px solid #06D85F;   border-radius: 20px/50px;   text-decoration: none;   cursor: pointer;   transition: all 0.3s ease-out;   z-index:2000; } .button:hover {   background: #06D85F; }  .overlay {   position: fixed;   top: 0;   bottom: 0;   left: 0;   right: 0;   background: rgba(0, 0, 0, 0.7);   transition: opacity 500ms;   visibility: hidden;   opacity: 0;   z-index:2000; } .overlay:target {   visibility: visible;   opacity: 1; }  
  .popup {   margin: 70px auto;   padding: 20px;   background: #fff;   border-radius: 5px;   width: 30%;   position: relative;   transition: all 1s ease-in-out;   z-index:2000; }  
  .popup h2 {   margin-top: 0;   color: #333;   font-family: Tahoma, Arial, sans-serif; } 

.popup .close,
.active_popup .close {
  position: absolute;
  top: 10px;
  right: 10px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
}

  
  .popup .close:hover,
  .active_popup .close:hover {   
    color: #06D85F; 
  } 
  .popup .content {   max-height: 30%;   overflow: auto; }  @media screen and (max-width: 700px){   .box{     width: 70%;     z-index:2000;   }   .popup{     width: 70%;     z-index:2000;   } }   /************************************** ***********2nd type of pop up**********/   .black_overlay {   display: none;   position: fixed;   top: 0%;   left: 0%;   width: 100%;   height: 100%;   background-color: black;   z-index: 1001;   -moz-opacity: 0.8;   opacity: .80;   filter: alpha(opacity=80); }  .white_content {   display: none;   position: fixed;   top: auto;   left: 25%;   width: 50%;   height: auto;   padding: 16px;   border: 2px solid #800000;   border-radius:5px;   background-color: white;   z-index: 1002;   overflow: auto; }  .popup_close {   position: absolute;   top: 5px;   left: 10px;   transition: all 200ms;   font-size: 30px;   font-weight: bold;   text-decoration: none;   color: #333; } .popup_close:hover {   color: #06D85F; }