diff --git a/style.css b/style.css
index 1c940a6..4c31bc6 100644
--- a/style.css
+++ b/style.css
@@ -84,12 +84,13 @@
padding: 0px 100px 60px 0px;
}
.cardCenter {
- width:100%;
+ width:76%;
display:flex;
justify-content:center;
+ align-items: center;
padding: 50px 0px 0px 0px;
flex-wrap: wrap;
-
+ margin: auto auto;
}
.card1 {
@@ -215,8 +216,6 @@ color: #000000;
margin: 60px 0px 0px 0px;
}
-
-
.imgRectangle {
background: url("./imagens/Rectangle.png");
background-size: 100% 100%;
@@ -232,13 +231,13 @@ color: #000000;
}
}
.oculosPng {
- width:400px;
+ width:95%;
height:400px;
}
.rodape {
text-align: center;
width: 100%;
- height: 128px;
+ height: 160px;
background: #000000;
margin: 80px 0px 0px 0px;
}
@@ -253,7 +252,48 @@ color: #000000;
font-style: normal;
font-weight: 400;
font-size: 14px;
- line-height: 12px;
+ line-height: 18px;
text-transform: uppercase;
color: #BDBDBD;
+ }
+ @media only screen and (max-width: 2500px) {
+ .text1 {
+ font-size: 30px;
+
+
+ }
+ .text2 {
+ font-size: 50px;
+
+
+ }
+ .text3 {
+
+ font-size: 20px;
+
+ }
+ .text4 , .textFooter{
+
+ font-size: 20px;
+
+ }
+ .text5 {
+ font-size: 18px;
+
+ }
+ .textFinal {
+ font-size: 30px;
+ }
+ }
+ @media only screen and (max-width: 760px) {
+ .text4 {
+ display: flex;
+ justify-content: center;
+ padding: 10px 0px 30px 0px;
+ }
+ }
+ @media only screen and (max-width: 400px) {
+ .text5 {
+ font-size:15px;
+ }
}
\ No newline at end of file