#heading{
    text-align: center;
    width: 100%;
    display: block;
}
#clouds{
    width: 50%;
    height: auto;
    float: left;
}
#more_clouds{
    width: 50%;
    height: auto;
    float: right;
}


@media only screen and (max-width: 600px){
#heading{
    text-align: center;
    width: 100%;
    display: block;
}
#clouds{
    width: 100%;
    height: auto;
}
#more_clouds{
    margin-top: 10px;
    width: 100%;
    height: auto;
}
}