html:after {
  content:"";
  position:fixed;
  top:0;
  height:100vh;
  left:0;
  right:0;
  z-index:-1;
  background: url('https://media4.giphy.com/media/TZYZ0bzB8OGOMv7COv/giphy.gif') center center, #999;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {
  margin:0;
  text-align:center;
  font-family: 'Open Sans', sans-serif;
  -webkit-text-size-adjust:100%;
  color:#fff;
  font-size:14px;
  min-height:100vh;
}
.pbf-container {
  display:table;
  min-height:100vh;
  width:100%;
}
.pbf-element {
  display:table-cell;
  width:100%;
  vertical-align: middle;
  padding:15px;
}
#pbf-h1 {
  display:none;
}
#pbf-header {
  max-width:220px;
  margin:0 auto;
}
#pbf-header img {
  max-width:100%;
  display:block;
}
#pbf-hr {
  border:1px solid #000;
  margin-block-start:15px;
  margin-block-end:15px;
}
#pbf-h2 {
  display: block;
  font-size: 14px;
  margin-block-start:0;
  margin-block-end:15px;
  font-weight:normal;
}
.pbf-main {
  max-width:600px;
  margin:0 auto;
}
.pbf-p {
  border:1px solid #ccc;
  border-radius:5px;
  margin-block-start:0;
  margin-block-end:0;
  padding:15px;
}
.pbf-p2 {
  margin-block-start:0;
  margin-block-end:0;
  padding:15px 0;
  color:#000;
}
#pbf-contact {
  border:1px solid #ccc;
  border-radius:5px;
  display:inline-block;
  width:250px;
  padding:10px 0;
  color:#fff;
}
#pbf-contact:hover {
  background:rgba(255,255,255,0.1);
  color:#000;
}
#pbf-twitter {
  max-width:32px;
  margin:15px auto 0 auto;
}
#pbf-twitter img {
  max-width:100%;
  display:block;
}
a {
  cursor: pointer;
  text-decoration: none;
  color:#000;
}
#pbf-footer {
  margin-block-start:0;
  margin-block-end:0;
  font-size:12px;
}




@media only screen and (min-height: 636px) {
#pbf-main {
  width:300px;
  padding:10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-right:0;
  margin-left:0;
}
}
@media only screen and (max-height: 635px) {
#pbf-main {
  width:300px;
  padding:10px;
  position: inherit;
  top:unset;
  left: unset;
  transform: translate(0, 0);
  margin-right:auto;
  margin-left:auto;
}
}