diff --git a/src/components/main/Main.tsx b/src/components/main/Main.tsx
index 205429d..461d946 100644
--- a/src/components/main/Main.tsx
+++ b/src/components/main/Main.tsx
@@ -2,13 +2,14 @@ import React from 'react';
 import Institucional from '../../pages/institucional/Institucional';
 import Home from '../../assets/img/home.png'
 import Arrow from '../../assets/img/arrow-point-to-right.png'
+import styles from '../../styles/Main.module.scss'
 
 const Main = () => {
     return(
-        <div>
-            <div>
-                <img src={Home} alt='home'></img>
-                <img src={Arrow} alt='arrow'></img>
+        <div className={styles['container__main']}>
+            <div className={styles['main__route']}>
+                <img className={styles['main__home']} src={Home} alt='home'></img>
+                <img className={styles['main__arrow']} src={Arrow} alt='arrow'></img>
                 <p>Institucional</p>
             </div>
             <Institucional/>
diff --git a/src/styles/Main.module.scss b/src/styles/Main.module.scss
new file mode 100644
index 0000000..d9d9aec
--- /dev/null
+++ b/src/styles/Main.module.scss
@@ -0,0 +1,26 @@
+.main__route {
+	display: flex;
+	padding: 29px 100px;
+	width: 8%;
+	justify-content: space-around;
+	align-items: center;
+
+	.main__home {
+		width: 15.69%;
+		height: 16px;
+	}
+
+	.main__arrow {
+		width: 4.47%;
+		height: 8px;
+	}
+
+	p {
+		font-family: 'Roboto', sans-serif;
+		font-style: normal;
+		font-weight: 400;
+		font-size: 12px;
+		line-height: 14px;
+		color: #C4C4C4;
+	}
+}