Problemas na responsividade HTML/CSS na versão mobilr?

Segue o link para o meu projeto no github (os nomes são CSSBelli & HtmlBelli)
CSS e HTML

1* = queria que o RGBA que eu apliquei no carousel principal(imagem do jogador do bvb) ocupasse toda a parte inferior da imagem e não apenas a parte central.

2* = a visualização na versão mobile não esta boa as lista de noticias então muito a direita (na versão mobile) quero deixar elas a esquerda mas não consigo usando media query

versão mobile visualização

3*= no rodapé os botoes(twitter,facebook,instagram) em versões de visualização diferente da desktop fica um em cima do outro,não consigo deixar em todas as versões um do lado do outro.

botoes errados no rodapé

4*= a barra de navegação na versão mobile o botao de pesquisa em baixo da barra de pesquisa, não consigo deixar uma de baixo da outra.

inserir a descrição da imagem aqui

5*= se alguem tiver alguma sugestão para melhorar esse codigo confuso, eu agradeço, to aprendendo ainda.