#popup {
    position:absolute;
    top:0px;    
    width: 100%;
    height:100vh;
    background-color: transparent;
    z-index: 20;
	color:#FFF;
	text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
}

#popup img {
    height: 90%;
    width:auto;
}

#popup h1, #popup h2, #popup h3 {
	background: none;
	color:#FFF;
	padding:0;
	display: block;
	font-family: MoonFlowerBold;
}

#popup h1 {
	font-size:120px;
	line-height: 130px;
}

#popup h2 {
	font-size:70px;
}

#popup h3 {
	font-size:40px;
	line-height: 40px;
}

#popup .wrapper {
	margin-top:30px;
	float:left;
	text-align: center;
	width: 100%;
}

#popup .wrapper a {
	padding:15px 25px;
	background-color:#0F96D5;
	color:#fff;
	display:inline-block;
}
#popup .wrapper a:hover {
	background-color:#fff;
	color:#0F96D5;
}

#popup .wrapper a:first-child {
	margin-right:20px;
}

#popup:after {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.3);
  z-index: -2;
}

#popup:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}