diff --git a/assets/css/main.css b/assets/css/main.css index 930c803..a2d337a 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -134,7 +134,7 @@ a:hover { } .navbar { - padding: 1rem 0; + padding: 1.4rem 0; } .navbar .container { @@ -150,7 +150,7 @@ a:hover { } .logo { - height: 40px; + height: 80px; width: auto; } @@ -160,20 +160,50 @@ a:hover { } .brand-text { - font-size: 1.5rem; + font-size: 2.2rem; font-weight: 700; - color: var(--primary-color); + color: #218F36; line-height: 1; } .brand-subtitle { - font-size: 0.8rem; + font-size: 0.9rem; font-weight: 400; color: var(--text-light); margin-top: 2px; line-height: 1; } +.partner-info { + display: flex; + align-items: center; + gap: 4px; + margin-top: 4px; +} + +.partner-logo + .partner-brand { + margin-left: -2px; +} + +.partner-text { + font-size: 0.75rem; + font-weight: 400; + color: var(--text-light); + text-transform: lowercase; +} + +.partner-logo { + height: 16px; + width: auto; +} + +.partner-brand { + font-size: 0.75rem; + font-weight: 600; + color: var(--text-dark); + text-transform: uppercase; +} + .navbar-menu { display: flex; align-items: center; @@ -951,6 +981,34 @@ a:hover { width: 100%; } + .logo { + height: 55px; + } + + .brand-text { + font-size: 1.6rem; + } + + .brand-subtitle { + font-size: 0.8rem; + } + + .partner-info { + margin-top: 2px; + } + + .partner-text { + font-size: 0.7rem; + } + + .partner-logo { + height: 14px; + } + + .partner-brand { + font-size: 0.7rem; + } + .header-contact { display: none; } @@ -1097,6 +1155,30 @@ a:hover { } @media (max-width: 480px) { + .logo { + height: 50px; + } + + .brand-text { + font-size: 1.4rem; + } + + .brand-subtitle { + font-size: 0.75rem; + } + + .partner-text { + font-size: 0.65rem; + } + + .partner-logo { + height: 12px; + } + + .partner-brand { + font-size: 0.65rem; + } + .hero { height: 70vh; } diff --git a/index.html b/index.html index 5e7dcc8..3128bbb 100644 --- a/index.html +++ b/index.html @@ -56,6 +56,11 @@
ФИДЕМ медицинский центр +
+ Официальный партнер + + HELIX +