.popup {
height: auto;
width:50%;
min-width: 320px;
position: fixed;
top:50%;
left:50%;
border:2px solid;
padding:10px;
background: -webkit-linear-gradient(#E2E2E2, white); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#E2E2E2, white); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#E2E2E2, white); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#E2E2E2, white); /* Standard syntax */
  background: white;
border-radius:9px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
display:none;
text-align:left;
text-indent: 20px;
z-index:10000;

}



#popupcontent {
background: -webkit-linear-gradient(white, #E2E2E2); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, #E2E2E2); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, #E2E2E2); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, #E2E2E2); /* Standard syntax */
margin:30px auto;
width: 96%;
height: 90%;  
display:block;
overflow: scroll;
}


@media (max-width:375px){
   .popup {
     width: 320px;
   }
}

.popupclosebutton {
  position:absolute;
  bottom:10px;
  width:80px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.popup h3 {
   text-transform: uppercase;
   font-weight: 300;
}
.popup h3 strong{
   font-weight: 900;
}




#dimmer
{
    background:#000;
    opacity:0.8;
    position:fixed; /* important to use fixed, not absolute */
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    z-index:9999; /* may not be necessary */
}