html{
    background: url("../images/weather.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
} 

body{
    background: none;
}

#mainContainer{
    color: white;
    padding-top: 150px;
}


#heading{
    font-size: 400%;
    font-weight: lighter;
}

#subHeading{
    font-size: 200%;
    font-weight: lighter;
}

@media (max-width: 767px){
    
    #heading{
        font-size: 300%;
    }
    
}

@media (max-width: 543px){
    
    #heading{
        font-size: 200%;
    }
    
    #subHeading{
        font-size: 100%;
    }
}