/* Target devices that are at least 420px wide */

@media only screen and (min-width: 420px) {

    #masthead a img {
        width: auto;
    }

    #results .title_row h2 {
        font-size: 1.923076923em;    /* 25px */
        line-height: 50px;
    }

    input[type="submit"] {
        width: 330px;
    }
}

/* Target devices that are at least 768px wide */

@media only screen and (min-width: 768px) {

    #results .av_sun,
    #results .av_full,
    #results .av_cloud {
        position: absolute;
        top: 0;
        left: 70px;
        width: auto;
    }

    #results .avoid {
        max-width: 100%;
    }

    .share {
        margin: 55px auto 0 auto;
    }

    /* Content */
    .intro {
        width: 700px;
        padding: 0;
    }

    .content {
        width: 700px;
    }

    #results .action_row {
        width: 700px;
    }

    #faqs .content h2,
    #faqs .content p {
        width: 100%;
        text-align: left;
    }

    #faqs .content h2 {
        font-size: 1.230769231em;    /* 16px */
        padding-left: 25px;
    }

    #footer .web-blinds {
        width: 650px;
    }

    #footer .web-blinds p {
        width: 370px;
    }

    #footer .web-blinds img {
        float: left;
    }

    #footer .web-blinds p {
        float: left;
        text-align: left;
        margin: 0;
    }

    /* Clouds */

    #home #plane-container {
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
    }

    #plane {
        position: absolute;
        top: 350px;
        left: 10px;
    }

    /* Form */

    form {
        width: 490px;
        margin:  90px auto 0 auto;
    }
}

/* Target devices that are at least 1360px wide */

@media only screen and (min-width: 1360px) {

    /* Clouds */

    #home #cloud-container {
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
    }

    .cloud {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    #cloud-1 {
        top: 100px;
        left: 50px;
    }

    #cloud-2 {
        top: 152px;
        left: auto;
        right: 211px;
    }

    #cloud-3 {
        top: 150px;
        left: 216px;
    }

    #cloud-4 {
        top: -60px;
        left: auto;
        right: 35px;
    }

    #cloud-5 {
        top: -60px;
        left: 121px;
    }

    #plane {
        position: absolute;
        top: 350px;
        left: 349px;
    }
}