/* 
#ageCheck.modal {display: none;position: fixed;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;background-color: #000;background: url('../img/background-age-check.jpg');background-size:cover;background-position:50% 50%;animation-name: animate;animation-duration: .1s;}
@keyframes animate {from {opacity: 0} to {opacity: 1};}
 */
#ageCheck.modal {display: none;position: fixed;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;background-color: #000;background: url('../img/background-age-check.jpg');background-size:cover;background-position:50% 50%;}
#ageCheck .modal-content {position: relative;width: 100%;height:100%;display:flex;justify-content:center;align-content:center;align-items:center;}
#ageCheck .modal-flex-container {display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;}
#ageCheck .modal-flex-container > div {margin:20px 0;}
#ageCheck .modal-flex-container > div:first-child {margin-top:0;}
#ageCheck .modal-flex-container > div:last-child {margin-bottom:0;}
#ageCheck .modal-flex-container > div.logo {width:167px;height:auto;}
#ageCheck .modal-flex-container > div.modal-content-flex-container {display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;}
#ageCheck .modal-flex-container > div.modal-content-flex-container > div {margin:10px 0;}
#ageCheck .modal-flex-container > div.modal-content-flex-container > div:first-child {margin-top:0;}
#ageCheck .modal-flex-container > div.modal-content-flex-container > div:last-child {margin-bottom:0;}
#ageCheck .modal-flex-container div.header {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-weight:700; font-style:normal; text-transform:uppercase; letter-spacing:0.64px; letter-spacing:0.04rem; font-size:24px; font-size:1.5rem; line-height:24px; line-height:1.5rem;}
#ageCheck .modal-flex-container div.subheader {font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-weight:700; font-style:normal; text-transform:uppercase; letter-spacing:0.64px; letter-spacing:0.04rem; font-size:14.4px; font-size:0.9rem; line-height:14.4px; line-height:0.9rem;}
#ageCheck .button-flex-container {display:flex;}
#ageCheck .button-flex-container > div {margin:0 5px;}
#ageCheck .button-flex-container > div:first-child {margin-left:0;}
#ageCheck .button-flex-container > div:last-child {margin-right:0;}
#ageCheck button {display: inline-block;border: none;padding: 10px;min-width:100px;text-decoration: none;background:#ec2227;color: #fff;border:1px solid #ec2227;cursor: pointer;text-align: center;transition: all .25s linear; -moz-transition: all .25s linear; -webkit-transition: all .25s linear;font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-weight:700; font-style:normal; text-transform:uppercase;font-size: 13px;}
#ageCheck button:hover, #ageCheck button:focus {background: #fff;color:#ec2227;border:1px solid #fff;}
#ageCheck button:focus {outline: 1px solid #ec2227;}
#ageCheck .modal-flex-container > div.logo-ej {width:100px;height:auto;}

/* Hide the main content by default */
#wrapper {
    display:none;
}

/* Ensure the modal is styled to show immediately if no cookie exists */
#ageCheck {
    display: block;
    position: fixed;
    z-index: 9999;
    /* add your other layout styles here */
}