diff --git a/src/styles/style.css b/src/styles/style.css
index 8e5ee2e..3c1f220 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -49,14 +49,14 @@ article {
 }
 
 .cicle-text h1 {
-    font-size: 48px;
+    font-size: 3em;
     text-transform: uppercase;
     font-weight: 500;
     padding-bottom: 28px;
 }
 
 .cicle-text h2 {
-    font-size: 32px;
+    font-size: 2em;
     text-transform: uppercase;
     padding-top: 73px;
     font-weight: 400;
@@ -100,7 +100,7 @@ article {
 
 .block-text {
     max-width: 300px;
-    font-size: 16px;
+    font-size: 1em;
     line-height: 24px;
 }
 
@@ -134,7 +134,7 @@ article {
 
 .block-text2 {
     max-width: 370px;
-    font-size: 16px;
+    font-size: 1em;
     line-height: 24px;
 }
 
@@ -144,7 +144,7 @@ article {
 }
 
 .bottom-text h1 {
-    font-size: 32px;
+    font-size: 2em;
     line-height: 38px;
     font-weight: 600;
 }
@@ -166,17 +166,17 @@ footer {
 
 footer p {
     color: #BDBDBD;
-    font-size: 10px;
+    font-size: 0.625em;
 }
 
 picture img {
     padding: 40px 10px 20px 10px;
 }
 
-@media screen and (max-width: 345px) {
+@media screen and (min-width: 340) and(max-width: 397px) {
     .bottom-text p {
         padding: 9px 32px 0px 32px;
-        font-size: 12px;
+        font-size: 1em;
         line-height: 20px;
         padding: 0 0 0 0;
         height: 192px;
@@ -197,11 +197,11 @@ picture img {
 
 @media screen and (max-width: 768px) {
     .cicle-text h2 {
-        font-size: 20px;
+        font-size: 1.25em;
     }
 
     .cicle-text h1 {
-        font-size: 28px;
+        font-size: 1.75em;
         padding-bottom: 10px;
     }
 
@@ -265,7 +265,7 @@ picture img {
     }
 
     .bottom-text h2 {
-        font-size: 24px;
+        font-size: 1.5em;
         font-weight: 600;
         line-height: 30px;
     }
@@ -281,7 +281,7 @@ picture img {
     }
 
     .bottom-text h2 {
-        font-size: 24px;
+        font-size: 1.5em;
         font-weight: 600;
     }
 }