diff --git a/assets/css/style.css b/assets/css/style.css index b2318b8..45af047 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -30,10 +30,8 @@ body { flex-direction: column; align-items: center; padding: 74px 0 180px; -} - -.top-inforcard-text { max-width: 40%; + margin: 0 auto 0; } .top-infocard-subtitle { @@ -59,7 +57,7 @@ body { font-style: normal; font-weight: 400; font-size: 16px; - line-height: 150%; + line-height: 24px; margin-bottom: 74px; text-align: center; } @@ -136,7 +134,7 @@ body { flex-direction: column; align-items: center; background: #ffffff; - box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23); + box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15); } .bottom-card-image { @@ -218,10 +216,10 @@ body { .top-infocard { padding: 73px 32px 90px; margin: 0 auto 0; + max-width: 100%; } .top-inforcard-text { margin-bottom: 65px; - max-width: 100%; } .top-infocard-subtitle { @@ -307,3 +305,26 @@ body { display: none; } } + +@media screen and (min-width: 2500px) { + .page-header { + padding: 56px 0; + } + .header-logo { + width: 200%; + } + .top-infocard-subtitle { + font-size: 64px; + line-height: 78px; + } + .top-infocard-title { + font-size: 96px; + line-height: 116px; + } + .top-infocard-description { + font-size: 32px; + line-height: 48px; + } + .top-infocard-picture { + } +} diff --git a/index.html b/index.html index bda0665..d248165 100644 --- a/index.html +++ b/index.html @@ -45,7 +45,7 @@ dui.
- - + +