#ageWrapper {
 visibility: hidden;
 opacity: 0;
 position: fixed;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: 9000;
 background-color: #383a39;
 transition: visibility 0s ease-in-out .5s, opacity .5s ease-in-out;
}

#ageWrapper.ageUnknown {
 visibility: visible;
 opacity: 1;
}

#agePopUp {
 position: fixed;
 top: 50%;
 left: 50%;
 background-color: #fff;
 box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
 text-align: center;
 padding: 30px;
 width: 400px;

 border-radius: .25rem!important;
 margin-top: -105px;
 margin-left: -205px;
 box-sizing: border-box;
}

#agePopUp a {
 border-radius: 3px;
 padding: 8px 18px;
 margin: 10px 5px; 
 display: inline-block;
 font-weight: bold; text-decoration: none;
}
#ageOkay {border: 2px solid #2c9739; background: #2c9739; color: #fff;}
#ageBad {border: 2px solid #dc2929; background: #fff; color: #dc2929; }