/* Stuff CSS Document */

/* AGE VERIFICATION */
#age-verify {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  transition: 500ms; }
  #age-verify span {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-family: beaufort-pro, serif;
    text-transform: uppercase; 
	color:white;}
    #age-verify span.title {
      color: #f8f4eb;
      font-size: 1.5em; }
  #age-verify .window {
    position: absolute;
    top: 50%;
    left: 50%;
	transform: translateY(-50%);
    width: 330px;
    overflow: hidden;
    margin-left: -165px;
    box-sizing: border-box;
    transition: 500ms; }
@media screen and (min-width:768px){
	#age-verify .window {
		width: 450px;
		margin-left: -225px;
	}
}
    #age-verify .window button {
      border: 0;
      margin: 0;
      padding: 5px 30px;
      color: #292929;
      font-size: 18px;
      background-color: transparent;
      margin-top: 20px;
      font-family: beaufort-pro, serif;
		text-transform: uppercase;
		transition: .2s; }
		#age-verify .window button:hover {color:#fff;}
      #age-verify .window button.back {
        display: inline-block;
        float: none;
        margin: auto;
        margin-top: 20px; }
      #age-verify .window button.yes {
        float: right; }
      #age-verify .window button.no {
        float: left; }
  #age-verify .underBox {
    position: absolute;
    padding: 40px;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 500ms;
    box-sizing: border-box;
    background-color: #292929;
    display: flex;
    align-items: center; }
    #age-verify .underBox * {
      margin: 1em auto; }
    #age-verify .underBox .under-inner {
      display: flex;
      flex-direction: column;
      margin: auto; }
  #age-verify.hidden {
    opacity: 0;
    visibility: hidden; }
    #age-verify.hidden .window {
      transform: scale(0.5); }
  #age-verify.under .underBox {
    top: 0%; }

#age-verify img {
  width: 200px;
  height: auto;
  margin-bottom: 30px; }
@media screen and (min-width:768px){
	#age-verify img {
  		width: 300px;
	}
}