html, body {
    max-width: 200%;
    overflow-x: hidden;
    font-size: 100%;
}
h1 {
    font-size: 2.5em;
}

h2 {
    font-size: 1.875em;
}

p {
    text-align: center;
    color: rgb(100,100,100);
    font-size: 18pt;
    font-weight: 100;
}
p.sansserif {
    font-family: Helvetica, Arial, sans-serif;
}
div {
    width:100%;
    height: 100%;
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 20px;

    overflow: auto;
    
}
.logo {
    content:url("logo2880p.png");
    height: auto; 
    width: 80%; 

    alt: "Weather.Band";
}
#appStoreBadge {
    padding: 5.0vh;
}
#grad1 {
    background: rgb(135, 199, 255); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgb(135, 199, 255), white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgb(135, 199, 255), white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgb(135, 199, 255), white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgb(135, 199, 255), white); /* Standard syntax (must be last) */
background-repeat: no-repeat;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .logo {
        content:url("logo480p.png");
        height: auto; 
        width: 65%; 
        alt: "Weather.Band";
    }
    p {
        text-align: center;
        color: rgb(100,100,100);
        font-size: 36pt;
        font-weight: 100;
    }

    #logo { 

    }
    #appStoreBadge {
        height: auto; 
        width: 30%; 
        alt: "Download on the App Store";
    }

}