Tekst na tle w bootstrap

Witam
Na stronie wczytuję bootstrap oraz mój css, w którym mam zadeklarowane ustawione tło strony:

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

Teraz jak cokolwiek dodam div, tekst, h to robi się białe tło o tło przesuwa się na dół.
Jak dodać prawidłowo tło lub jak działać na tle dodany w bootstrap?

Hej.
Zamiast ustawić tło dla html zrób to dla body i powinno zadziałać.

Przykład --> https://jsfiddle.net/be1sjphp/