[feat] Ajustando responsividade

Ajustando o básico da responsividade para mínima boa visualização do banner

css/index.css

@@ -28,6 +28,7 @@ main{
 .main-banner-container{
     height: 90vh;
     width: 100%;
+    flex-wrap: wrap;
 }
 
 /*-| Imagem |-*/
@@ -46,10 +47,12 @@ main{
 .banner-text-container{
     height: 90%;
     width: 90%;
-    position: absolute;
+    position: relative;
     flex-direction: column;
     align-items: flex-start;
+    flex-wrap: wrap;
     color: white;
+    transform: translateY(-100%);
 }
 .banner-text-title{
     width: 80%;
@@ -60,8 +63,9 @@ main{
 .btn-contact-container{
     height: 80%;
     width: 100%;
-    position: absolute;
+    position: relative;
     align-items: flex-end;
+    transform: translateX(-80%);
 }
 .btn-contact{
     padding: 1em 2em;
@@ -70,6 +74,7 @@ main{
     background-color: var(--aqua-medio);
     color: var(--azul-medio);
     transition: .1s all ease-in-out;
+    font-size: 16px;
 }
 
 /*-----===| EFEITOS |===-----*/
@@ -82,8 +87,18 @@ main{
 /*---=| BanneBanner |=---*/
 @media (max-width: 1200px) {
     .main-banner-container{ height: 75vh; }
+    .banner-text-title{
+        width: 100%;
+        font-size: 64px;
+    }
+    .btn-contact{ font-size: 14px; }
 }
 
 @media (max-width: 767px) {
     .main-banner-container{ height: 50vh; }
+    .banner-text-title{
+        width: 80%;
+        font-size: 48px;
+    }
+    .btn-contact{ font-size: 12px; }
 }