html {
     height: 100%;
     background: #ffffff url(/img/lp-bg.jpg);
     background-size: cover;
     background-position: center;
     height: 100%;
     overflow: hidden;
}
 body {
     height:100%;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
     background: -o-linear-gradient(45deg, black, transparent);
     background: linear-gradient(45deg, black, transparent);
}
 .cspio h1, .cspio h2, .cspio h3, .cspio h4, .cspio h5, .cspio h6{
     font-family: 'Pacifico';
     color:#ffffff;
}
 #cspio-headline {
     font-family: 'Pacifico';
     font-weight: 400;
     font-size: 48px;
     color: #ffffff;
     line-height: 1.5;
     margin-bottom: 30px;
}
 .cspio a, .cspio a:visited, .cspio a:hover, .cspio a:active{
     color: #ffffff;
}
 #cspio-page {
     display: block;
     width: 100%;
     margin: auto;
     padding: 2%;
     top: 50%;
     left: 50%;
     position: absolute;
     -webkit-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     text-align: center;
}
img {
    vertical-align: middle;
    margin-bottom: 40px;
}
 @media screen and (min-width: 767px) {
#cspio-content {
    max-width: 600px;
    margin: auto;
}
     #cspio-page {
         width: 50%;
    }
}
@media screen and (max-width: 767px) {
    #cspio-page {
    top: 26%;
}
}