body, html { margin:0; width:100%; height:100%; }
section.page { background:#000; width:100%; height:100%; color:#fff; text-align:center; font-family:Helvetica, Arial; position:relative; overflow:hidden; }
section.agegate {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    background: black;
    padding: 1000px 0;
    color:white;
    font-family:Helvetica, Arial;
    position:relative;
    overflow:hidden;
}
section.agegate button {
    margin-top: 20px;
}
.error-message {
    color:red;
    font-size:80%;
    padding:20px 0 0 0;
}
form {
	position: relative;
	z-index: 5;
}
section.page.__tiny { width:304px; height:170px; background:#000; }
section.page .embed { background:#000; width:100%; height:100%; }
section.page h3 { margin:0 0 20px 0; padding-top:140px;  }
section.page.__tiny h3 { padding:10px; }
section.page form { }
section.page form .submit { margin-top:5px; } 
.bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 2;
	opacity:.3;
}