/* HEADER */

body #header {
    background-size: 190% auto;
}
body #header h1 {
    font-size: 28px;
}
body #header h2 {
    font-size: 18px;
    font-weight: 500;
}
body #header .appwindow {
    background-image: url('img/appwindow-mobile.png');
    max-width: 420px;
}
body #header .appwindow:hover {
    background-image: url('img/appwindow-mobile.png');
}
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6 / 2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    body #header .appwindow {
        background-image: url("img/appwindow-mobile@2x.png");
        background-size: 100% auto;
    }
}
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6 / 2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    body #header .appwindow:hover {
        background-image: url("img/appwindow-mobile@2x.png");
        background-size: 100% auto;
    }
}


/* DESCRIPTION */ 

body #description {
    background-size: 120% auto;
    font-size: 16px;
}
body #description p {
    width: 85%;
}
body #description .screenshots {
    margin-top: -10px;
    width: 80%;
}


/* BULLETS */

body #bullets {
    margin-bottom: 15px;
}
body #bullets ul {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
}
body #bullets .ios {
    font-size: 20px;
}


/* IOS */

body #ios {
    background-size: 240% auto;
}
body #ios p {
    margin-top: 20px;
    font-size: 22px;
}
body #ios .idevices {
    margin-top: 5px;
    width: 85%;
}