diff --git a/css/index.css b/css/index.css index a00edcd..b6c80ed 100644 --- a/css/index.css +++ b/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; } } \ No newline at end of file