html,body{
    margin:0;
    padding:0;
    font-size:0px;
    font-family: 'Rubik', sans-serif;
}

img{
    width:100%;
}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
    
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
    
  /* Set up positioning */
  position: fixed;
  margin:auto;
  top: 0;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}

.gradient{
    position:absolute;
    z-index:10;
    background-image:-moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background-image:linear-gradient(to bottom, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width:100%;
    height:70%;
    max-height:700px;
    margin:auto;
    top:0;
}

.logo{
    position:relative;
    margin:auto;
    left:0;
    right:0;
    margin-top:2%;
    width:25%;
    max-width:400px;
    min-width:300px;
    z-index:11;
}

.content{
    position:relative;
    margin:auto;
    left:0;
    right:0;
    color:#000000;
    max-width:600px;
    width:90%;
    z-index:15;
    padding-bottom: 50px;
}
.content p{
    font-size:14px;
    margin:auto;
    max-width:400px;
    min-width:300px;
    text-align: center;
    text-shadow: 2px 2px 10px white;
}
.content h2{
    font-size:18px;
    text-align: center;
    text-shadow: 2px 2px 10px white;
}

.content .download{
    position:relative;
    margin:auto;
    width:70%;
    margin-top:5%;
    text-align:center;
}
.content .download .download_ios{
    position:relative;
    display:inline-block;
    width:44%;
    margin-left:2.5%;
    margin-right:2.5%;
}
.content .download .download_android{
    position:relative;
    display:inline-block;
    width:44%;
    margin-left:2.5%;
    margin-right:2.5%;
}
@media screen and (max-width: 768px) {
    .content .download{
        width:90%;
        margin-top:5%;
    }
}

footer{
    position:absolute;
    bottom:0;
    width:100%;
    background-color:black;
    font-size:12px;
    color:white;
    text-align:center;
    padding-top: 20px;
    padding-bottom: 20px;
    z-index:10000;
}
footer p{
    margin:0;
    padding:2px;
}
footer a{
    color: white;
    padding:2px;
}