Fixing heading os expansion panels

src/Components/ExpansionPanels.js

@@ -42,9 +42,9 @@ const useStyles = makeStyles(theme => ({
 
 const TypographyColorido = styled(Typography)`
 
-  color: #666;
-  font-size: 16px;
-  font-weight: 400;
+  color: #666 !important;
+  font-size: 16px !important;
+  font-weight: 400 !important;
 `
 
 const AColorido = styled.a`
@@ -64,7 +64,7 @@ export default function SimpleExpansionPanel() {
           aria-controls="panel1a-content"
           id="panel1a-header"
         >
-          <Typography className={classes.heading}>1. Características da <strong>Plataforma Integrada de RED do MEC</strong></Typography>
+          <TypographyColorido >1. Características da <strong>Plataforma Integrada de RED do MEC</strong></TypographyColorido>
         </ExpansionPanelSummary>
         <ExpansionPanelDetails>
           <Grid container spacing={3}>
@@ -104,7 +104,7 @@ export default function SimpleExpansionPanel() {
           aria-controls="panel2a-content"
           id="panel2a-header"
         >
-          <Typography className={classes.heading}>2. Cadastro e segurança</Typography>
+          <TypographyColorido >2. Cadastro e segurança</TypographyColorido>
         </ExpansionPanelSummary>
         <ExpansionPanelDetails>
         <Grid container spacing={3}>
@@ -139,7 +139,7 @@ export default function SimpleExpansionPanel() {
           aria-controls="panel3a-content"
           id="panel3a-header"
         >
-          <Typography className={classes.heading}>3. Publicações de usuários</Typography>
+          <TypographyColorido >3. Publicações de usuários</TypographyColorido>
         </ExpansionPanelSummary>
         <ExpansionPanelDetails>
         <Grid container spacing={3}>
@@ -206,7 +206,7 @@ export default function SimpleExpansionPanel() {
           aria-controls="panel4a-content"
           id="panel4a-header"
         >
-          <Typography className={classes.heading}>4. Licença de uso do conteúdo</Typography>
+          <TypographyColorido >4. Licença de uso do conteúdo</TypographyColorido>
         </ExpansionPanelSummary>
         <ExpansionPanelDetails>
         <Grid container spacing={3}>
@@ -255,7 +255,7 @@ export default function SimpleExpansionPanel() {
           aria-controls="panel5a-content"
           id="panel5a-header"
         >
-          <Typography className={classes.heading}>5. Práticas de uso e armazenamento</Typography>
+          <TypographyColorido >5. Práticas de uso e armazenamento</TypographyColorido>
         </ExpansionPanelSummary>
         <ExpansionPanelDetails>
         <Grid container spacing={3}>
@@ -280,7 +280,7 @@ export default function SimpleExpansionPanel() {
           aria-controls="panel6a-content"
           id="panel6a-header"
         >
-          <Typography className={classes.heading}>6. Privacidade da informação</Typography>
+          <TypographyColorido >6. Privacidade da informação</TypographyColorido>
         </ExpansionPanelSummary>
         <ExpansionPanelDetails>
         <Grid container spacing={3}>
@@ -308,7 +308,7 @@ export default function SimpleExpansionPanel() {
           aria-controls="panel7a-content"
           id="panel7a-header"
         >
-          <Typography className={classes.heading}>7. Violação no sistema ou na base de dados</Typography>
+          <TypographyColorido >7. Violação no sistema ou na base de dados</TypographyColorido>
         </ExpansionPanelSummary>
         <ExpansionPanelDetails>
           <Grid container spacing={3}>
@@ -333,7 +333,7 @@ export default function SimpleExpansionPanel() {
           aria-controls="panel8a-content"
           id="panel8a-header"
         >
-          <Typography className={classes.heading}>8. Sanções</Typography>
+          <TypographyColorido >8. Sanções</TypographyColorido>
         </ExpansionPanelSummary>
         <ExpansionPanelDetails>
         <Grid container spacing={3}>
@@ -369,7 +369,7 @@ export default function SimpleExpansionPanel() {
           aria-controls="panel9a-content"
           id="panel9a-header"
         >
-          <Typography className={classes.heading}>9. Limitações de responsabilidade</Typography>
+          <TypographyColorido >9. Limitações de responsabilidade</TypographyColorido>
         </ExpansionPanelSummary>
         <ExpansionPanelDetails>
         <Grid container spacing={3}>
@@ -398,7 +398,7 @@ export default function SimpleExpansionPanel() {
           aria-controls="panel10a-content"
           id="panel10a-header"
         >
-          <Typography className={classes.heading}>10.Inexistência de vínculo</Typography>
+          <TypographyColorido >10.Inexistência de vínculo</TypographyColorido>
         </ExpansionPanelSummary>
         <ExpansionPanelDetails>
         <Grid container spacing={3}>
@@ -423,7 +423,7 @@ export default function SimpleExpansionPanel() {
           aria-controls="panel11a-content"
           id="panel11a-header"
         >
-          <Typography className={classes.heading}>11. Como reportar violações</Typography>
+          <TypographyColorido >11. Como reportar violações</TypographyColorido>
         </ExpansionPanelSummary>
         <ExpansionPanelDetails>
         <Grid container spacing={3}>
@@ -450,7 +450,7 @@ export default function SimpleExpansionPanel() {
           aria-controls="panel12a-content"
           id="panel12a-header"
         >
-          <Typography className={classes.heading}>12. Modificações nos Termos de Uso</Typography>
+          <TypographyColorido >12. Modificações nos Termos de Uso</TypographyColorido>
         </ExpansionPanelSummary>
         <ExpansionPanelDetails>
         <Grid container spacing={3}>
@@ -475,7 +475,7 @@ export default function SimpleExpansionPanel() {
           aria-controls="panel13a-content"
           id="panel13a-header"
         >
-          <Typography className={classes.heading}>13. Foro</Typography>
+          <TypographyColorido >13. Foro</TypographyColorido>
         </ExpansionPanelSummary>
         <ExpansionPanelDetails>
         <Grid container spacing={3}>