html,
body {
    height: 100%;
    background-color: #6cb8fa;
}

.cloud {
    display: none;
}

.bigCloud img {
    width: 220px;
}

.blimpImg {
    margin-top: 5%;
}

@media (min-height: 400px) {
    .cloud {
        display: block;
        margin-top: 5%;
    }
}

@media (min-width: 400px) {
    /* Larger than mobile */
}

@media (min-width: 550px) {
    /* Larger than phablet (also point when grid becomes active) */
    
    .blimpImg {
        display: block;
        margin-left: 25%;
        margin-right: auto;
    }
    .bigCloud img {
        width: auto;
    }
}

@media (min-width: 750px) {
    /* Larger than tablet */
}

@media (min-width: 1000px) {
    /* Larger than desktop */
}

@media (min-width: 1200px) {
    /* Larger than Desktop HD */
}