diff --git a/index.html b/index.html index 662c8a2..8df24b2 100644 --- a/index.html +++ b/index.html @@ -29,7 +29,7 @@ enim non dui fringilla interdum.

Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui.

- Computer-png + Computer-png
Grou-png 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