Configuracão da barra de navegação com uma classe especial

.gitignore

@@ -8,7 +8,7 @@
 
 # production
 /build
-**.css
+src/assets/**/*.css
 
 # misc
 .DS_Store

src/components/denuncias/DetalhamentoDenuncia.js

@@ -37,7 +37,8 @@ export default class DetalhamentoDenuncia extends Component {
   render() {
     return (
       <div>
-        <h1>Nova Denúncia</h1>
+        <h4>Nova Denúncia</h4>
+
         <div className="row">
           <CampoTexto
             id={'detalhamento'}
@@ -78,10 +79,8 @@ export default class DetalhamentoDenuncia extends Component {
             onChange={(e) => { this.handleChange(e.target.value, 'horaOcorrencia') }}
           />
         </div>
-
+        
         <h4>Local do crime</h4>
-        <br />
-
         <div className="row">
           <CampoTexto
             id={'endereco'}

src/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { Provider } from 'react-redux';
-import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
 
 import 'bootstrap/dist/css/bootstrap.css';
 import 'font-awesome/css/font-awesome.css';
@@ -11,15 +10,14 @@ import Rotas from './routes/Routes'
 import registerServiceWorker from './utils/registerServiceWorker';
 
 import './assets/styles/index.css';
+import './css/principal.css';
 
 
 const store = configureStore();
 
 ReactDOM.render(
   <Provider store={store}>
-    <MuiThemeProvider>
-      <Rotas />
-    </MuiThemeProvider>
+    <Rotas />
   </Provider>
   ,
   document.getElementById('root'),