diff --git a/assets/styles/main.css b/assets/styles/main.css index 56bc624..4143ce8 100644 --- a/assets/styles/main.css +++ b/assets/styles/main.css @@ -85,3 +85,54 @@ body{ } } +@media screen and (max-width:1024px) { + .top-infocard{ + gap:65px; + } + + .top-infocard-text{ + max-width:86%; + } + + .top-infocard-subtitle{ + font-size: 20px; + } + + .top-infocard-title{ + font-size: 28px; + } + + .top-infocard-description{ + text-align: center; + } + + .figure-infocard{ + display: flex; + width: 58%; + } + + .top-infocard-image{ + margin: 0 auto; + min-width: 0; + } +} + +@media screen and (min-width:2500px){ + .top-infocard-subtitle{ + font-weight: 400; + font-size: 64px; + text-transform: uppercase; + } + + .top-infocard-title{ + margin-bottom: 28px; + font-weight: 500; + font-size: 96px; + text-transform: uppercase; + } + + .top-infocard-description{ + font-size: 32px; + line-height: 48px; + } +} \ No newline at end of file