Correção para a parte mobile - Home

**Os bugs que estão acontecendo**
1- imagens invertidas de posição , esta no começo , a imagem da pessoa no pc esta em baixo de tudo.

2- titulo Comunidade que conecta .... Muito grande para o celular

3- espaçamento muito grande de uma secção para outra , esta entre a imagem invertida do começo e do sobre devpira

4- e a tela não esta totalmente prenchida ha um vão branco na lateral. São elas eventos, redes sociais e rodape

**Comportamento esperado**

1- a imagem da pessoa com o pc, teria que estar em cima do titulo comunidade que conecta e seria interessante deixar todas as imagens desse mesmo modo a sessao que esta ok é a de eventos

2- O titulo precisa estar menor , não sei qual o tamanho da fonte , fazer um teste entre 20 a 25 px

3- Pode ter espaçamento, mas, o interessante é diminuir esse espaço enorme que esta

Modelo do celular é motorola e 6 play não sei o tamanho da tela.

4- apenas ampliar pra que se consiga prencher o espaço sem ultrapassar a tela , paramentro igual ao topo.

**Imagens dos bugs**

**Smartphone**
Estou no motorola e 6 play , testei no navegador google chrome

**Alguma outras considerações**
- talvez precise mudar a maneira de como foi colocado o respinsivo, com isso melhore a maneira dele se adaptar a tela. Uma suguestão, verificar os breakpoints especificos no site bootstrap seria bom pra ter uma base de quais colocar caso a pessoa não saiba.
- Talvez vai precisar alterar a cor das redes sociais e acrescentar um botão especifico a mais ali .