diff --git a/src/Components/Modal.js b/src/Components/Modal.js
index 288d467a2a9724bb6f050e978a49ccb2e5616499..ffdcb4f521714d44847897cfea8065ba3de5e8b0 100644
--- a/src/Components/Modal.js
+++ b/src/Components/Modal.js
@@ -89,7 +89,7 @@ export default function TransitionsModal() {
 
   return (
     <div style={{display:"flex", justifyContent: "center"}}>
-      <button   type="button" onClick={handleOpen}>
+      <button style = {{background: "none",border: "none", color:"#fff",verticalAlign:"center"}}   type="button" onClick={handleOpen}>
         <VisibilityIcon/> VEJA A VERSÃO RESUMIDA
       </button>
       <Modal
diff --git a/src/Pages/UserTerms.js b/src/Pages/UserTerms.js
index b99d64dc581a677acf2adef1bb3a41bbeade8c20..63332a46ca493d3e04ea1a1868d2950ec1e9d496 100644
--- a/src/Pages/UserTerms.js
+++ b/src/Pages/UserTerms.js
@@ -63,17 +63,15 @@ const AColorido = styled.a`
 `
 const ImagemSeçao2 = styled.div`
 
-@media (min-width:1450px) {
-  background-image: url(${Busca});
-  background-position: right;
-  background-size: contain;
-  background-repeat: no-repeat;
-}
+  @media (min-width:1450px) {
+    background-image: url(${Busca});
+    background-position: right;
+    background-size: contain;
+    background-repeat: no-repeat;
+  }
   height: 100%;
   align-items: center;
   padding-block: 30px;
-
-
 `
 
 
@@ -108,19 +106,22 @@ class UserTerms extends Component {
             </Grid>
           </ImagemSeçao2>
 
-          <div style = {{background: "#ff7f00"}} >
-            <h1 style = {center}>Para melhor compreensão, podemos dividir os recursos em dois tipos:</h1>
+          <div style = {{background: "#ff7f00",color:"#fff"}} >
+            <h1 style = {{textAlign: "center",width: "100%",fontSize:"46px",fontFamily: "'Pompiere', cursive",fontWeight:"500"}}>Para melhor compreensão, podemos dividir os recursos em dois tipos:</h1>
             <Grid container spacing ={3}>
               <Grid item xs={12} md={1} ></Grid>
-              <Grid item xs={12} md={5} >
-                <h2>Abertos</h2>
-                <p>De acordo com a Declaração de Paris, são recursos que, no mínimo, têm uma licença de uso mais flexível, que garante livre redistribuição. Adicionalmente, um recurso aberto deve utilizar um formato aberto, um formato de arquivo que permite a fácil edição por terceiros. Nenhum controle sobre o acesso (como cadastro e senha) deve existir para acesso a recursos abertos. Em sua maioria, são recursos gratuitos.</p>
-
+              <Grid item xs={12} md={4} >
+                <div>
+                  <h2>Abertos</h2>
+                  <p>De acordo com a Declaração de Paris, são recursos que, no mínimo, têm uma licença de uso mais flexível, que garante livre redistribuição. Adicionalmente, um recurso aberto deve utilizar um formato aberto, um formato de arquivo que permite a fácil edição por terceiros. Nenhum controle sobre o acesso (como cadastro e senha) deve existir para acesso a recursos abertos. Em sua maioria, são recursos gratuitos.</p>
+                </div>
               </Grid>
-              <Grid item xs={12} md={5}>
-                <h2>Fechados</h2>
-                <p>São recursos que criam restrições no seu acesso, uso ou reuso. Como exemplo, podemos mencionar recursos que só são acessíveis mediante cadastro ou que têm licenças restritivas (como “todos os direitos reservados”, o símbolo ©). Podem ser gratuitos ou pagos.</p>
-
+              <Grid item xs={12} md={1} ></Grid>
+              <Grid item xs={12} md={4}>
+                <div>
+                  <h2>Fechados</h2>
+                  <p>São recursos que criam restrições no seu acesso, uso ou reuso. Como exemplo, podemos mencionar recursos que só são acessíveis mediante cadastro ou que têm licenças restritivas (como “todos os direitos reservados”, o símbolo ©). Podem ser gratuitos ou pagos.</p>
+                </div>
               </Grid>
               <Grid item xs={12} md={1} ></Grid>
             </Grid>