Como eu ponho imagem via css no meu site?

esse é o link do meu site:https://xraros.000webhostapp.com/

o problema é que no arquivo css test.css no bloco de código:

eu escrevi esse código:

@media screen and (min-width: 800px) and (max-width: 848px){

	.busca {
 width:200px;
	}

	.barra {
 background:url(../img/barra.png)no-repeat;
	}

}

	escrevi esse código:

.barra {
 background:url(../img/barra.png)no-repeat;
	}

	 

	no index da pagina tem a div:

<div class="barra">

	</div>

	 

	mais no site não carrega essa imagem.

	como eu carrego essa imagem via css dentro de um div?