#header { position: fixed; z-index: 100; width: 100%; background: #fff; transition: all ease .4s; border-bottom: 1px solid transparent; } #header .logo svg { height: var(--header-height); transition: all ease .4s; } #header .navigation_wrapper { text-align: right; display: flex; justify-content: flex-end; } #header .mod_navigation { } #header .mod_navigation ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: end; } #header .mod_navigation ul li { } #header .mod_navigation ul li a { } #header .mod_navigation ul li strong { } #header .mod_navigation ul ul { display: none; } #header .mod_navigation ul.level_1 > li { display: inline-block; margin-right: 0; padding: 35px 2.5rem 35px 2.5rem; } #header .mod_navigation a, #header .mod_navigation strong { line-height: 1.5rem; text-decoration: none; letter-spacing: 0.3px; color: var(--greys-black); border-bottom: 1px solid transparent; position: relative; } #header .mod_navigation strong, #header .mod_navigation a:hover { font-weight: normal; border-bottom: 1px solid #000; } /* Stick Header */ body.scrolled #header .logo svg { height: var(--header-height_mobile); transition: all ease .4s; } body.scrolled #header { border-color: #ccc; } /* Submenu */ #header .mod_navigation ul.level_1 > li.submenu { position: relative; } #header .mod_navigation ul.level_1 > li.submenu > a::after, #header .mod_navigation ul.level_1 > li.submenu > strong::after { transform: rotate(180deg); content: ''; display: inline-block; width: 12px; height: 7px; position: absolute; right: -18px; top: 8px; background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.3s ease; vertical-align: middle; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M10.6895 6.1785C10.5886 6.1785 10.5117 6.14809 10.4336 6.0701L6.13086 1.74295L5.77734 1.38748L1.09473 6.0701C1.01709 6.1477 0.950633 6.16967 0.870117 6.16678C0.775851 6.16333 0.694454 6.13077 0.608398 6.04471C0.530352 5.96662 0.5 5.88971 0.5 5.78885C0.50008 5.68823 0.530522 5.61192 0.608399 5.53397L5.52734 0.615024C5.58151 0.560859 5.62419 0.534942 5.65234 0.523227C5.68787 0.508456 5.72775 0.499814 5.77637 0.49979C5.80083 0.49979 5.82318 0.502588 5.84375 0.506626L5.90137 0.523227L5.9541 0.553501C5.97486 0.567972 5.99848 0.588111 6.02539 0.615024L10.9697 5.55838C11.0436 5.63222 11.0698 5.70185 11.0664 5.79667C11.0626 5.90397 11.0266 5.98784 10.9443 6.0701C10.8664 6.14791 10.79 6.17842 10.6895 6.1785Z' fill='black' stroke='black'/%3E%3C/svg%3E"); } #header .mod_navigation ul.level_1 > li.submenu:hover > a::after, #header .mod_navigation ul.level_1 > li.submenu:hover > strong::after, #header .mod_navigation ul.level_1 > li.submenu.is-open > a::after, #header .mod_navigation ul.level_1 > li.submenu.is-open > strong::after { transform: rotate(0deg); } #header .mod_navigation ul.level_2 { position: absolute; top: 90%; left: 50%; transform: translateX(-50%) translateY(-5px); width: 400px; background-color: var(--green); padding: 1.5rem 0; margin: 0; list-style: none; display: none; opacity: 0; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; z-index: 1000; box-shadow: 0 4px 12px rgba(0,0,0,0.25); border-radius: var(--border-radius); } #header .mod_navigation ul.level_2::before { content: ''; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid var(--green); } #header .mod_navigation ul.level_2 li { display: block; padding: 0; margin: 0; } #header .mod_navigation ul.level_2 a, #header .mod_navigation ul.level_2 strong { display: block; padding: 16px 15px; color: white; white-space: nowrap; line-height: 1.5; text-align: left; transition: background 0.2s ease; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin: 0 20px; } #header .mod_navigation ul.level_2 li:last-child a, #header .mod_navigation ul.level_2 li:last-child strong { border-bottom: 0; } #header .mod_navigation ul.level_2 a:hover, #header .mod_navigation ul.level_2 strong:hover { background: rgba(255,255,255,0.15); } #header .mod_navigation ul.level_1 > li.submenu.is-open > ul.level_2 { display: block; } #header .mod_navigation ul.level_1 > li.submenu.is-open > ul.level_2.is-visible { opacity: 1; transform: translateX(-50%) translateY(0); } #header .search a, #header .search strong { border: 0; font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden; display: inline-block; width: 24px; height: 24px; position: relative; } #header .search a:hover { border: 0; } #header .search a::before, #header .search strong::before { content: ""; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5 2C9.1446 2.00012 7.80887 2.32436 6.60427 2.94569C5.39966 3.56702 4.3611 4.46742 3.57525 5.57175C2.78939 6.67609 2.27902 7.95235 2.08672 9.29404C1.89442 10.6357 2.02576 12.004 2.46979 13.2846C2.91382 14.5652 3.65766 15.7211 4.63925 16.6557C5.62084 17.5904 6.81171 18.2768 8.11252 18.6576C9.41333 19.0384 10.7864 19.1026 12.117 18.8449C13.4477 18.5872 14.6975 18.015 15.762 17.176L19.414 20.828C19.6026 21.0102 19.8552 21.111 20.1174 21.1087C20.3796 21.1064 20.6304 21.0012 20.8158 20.8158C21.0012 20.6304 21.1064 20.3796 21.1087 20.1174C21.111 19.8552 21.0102 19.6026 20.828 19.414L17.176 15.762C18.164 14.5086 18.7792 13.0024 18.9511 11.4157C19.123 9.82905 18.8448 8.22602 18.1482 6.79009C17.4517 5.35417 16.3649 4.14336 15.0123 3.29623C13.6597 2.44911 12.096 1.99989 10.5 2ZM4.00001 10.5C4.00001 8.77609 4.68483 7.12279 5.90382 5.90381C7.1228 4.68482 8.7761 4 10.5 4C12.2239 4 13.8772 4.68482 15.0962 5.90381C16.3152 7.12279 17 8.77609 17 10.5C17 12.2239 16.3152 13.8772 15.0962 15.0962C13.8772 16.3152 12.2239 17 10.5 17C8.7761 17 7.1228 16.3152 5.90382 15.0962C4.68483 13.8772 4.00001 12.2239 4.00001 10.5Z' fill='%23000000'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; } #header .search a:hover::before, #header .search strong:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5 2C9.1446 2.00012 7.80887 2.32436 6.60427 2.94569C5.39966 3.56702 4.3611 4.46742 3.57525 5.57175C2.78939 6.67609 2.27902 7.95235 2.08672 9.29404C1.89442 10.6357 2.02576 12.004 2.46979 13.2846C2.91382 14.5652 3.65766 15.7211 4.63925 16.6557C5.62084 17.5904 6.81171 18.2768 8.11252 18.6576C9.41333 19.0384 10.7864 19.1026 12.117 18.8449C13.4477 18.5872 14.6975 18.015 15.762 17.176L19.414 20.828C19.6026 21.0102 19.8552 21.111 20.1174 21.1087C20.3796 21.1064 20.6304 21.0012 20.8158 20.8158C21.0012 20.6304 21.1064 20.3796 21.1087 20.1174C21.111 19.8552 21.0102 19.6026 20.828 19.414L17.176 15.762C18.164 14.5086 18.7792 13.0024 18.9511 11.4157C19.123 9.82905 18.8448 8.22602 18.1482 6.79009C17.4517 5.35417 16.3649 4.14336 15.0123 3.29623C13.6597 2.44911 12.096 1.99989 10.5 2ZM4.00001 10.5C4.00001 8.77609 4.68483 7.12279 5.90382 5.90381C7.1228 4.68482 8.7761 4 10.5 4C12.2239 4 13.8772 4.68482 15.0962 5.90381C16.3152 7.12279 17 8.77609 17 10.5C17 12.2239 16.3152 13.8772 15.0962 15.0962C13.8772 16.3152 12.2239 17 10.5 17C8.7761 17 7.1228 16.3152 5.90382 15.0962C4.68483 13.8772 4.00001 12.2239 4.00001 10.5Z' fill='%23666666'/%3E%3C/svg%3E"); } #mobile-icon { display: none; width: 22px; height: 30px; position: relative; top: 3px; cursor: pointer;} #mobile-icon.open { } #mobile-icon span { display: block; position: absolute; height: 2px; width: 100%; background: #000; border-radius: 9px; opacity: 1; left: 0; transition: .25s ease-in-out;} #mobile-icon span:nth-child(1) { top: 0px;} #mobile-icon span:nth-child(2), #mobile-icon span:nth-child(3) { top: 8px;} #mobile-icon span:nth-child(4) { top: 16px;} #mobile-icon.open span:nth-child(1) { top: 8px; width: 0%; left: 50%;} #mobile-icon.open span:nth-child(2) { transform: rotate(45deg);} #mobile-icon.open span:nth-child(3) { transform: rotate(-45deg);} #mobile-icon.open span:nth-child(4) { top: 8px; width: 0%;left: 50%;} .mobile_icons { display: none; position: relative; top: 4px; margin-right: 30px; } .mobile_icons ul { margin: 0 20px 0 0; padding: 0; list-style: none; } .offcanvas-backdrop { opacity: 0 !important; } .offcanvas.offcanvas-end { top: 66px; border-top-left-radius: var(--border-radius); } .offcanvas.offcanvas-end a { color: #fff; } /* Mobile Navigation CSS */ .offcanvas .mod_navigation .level_1, .offcanvas .mod_customnav .level_1 { list-style: none; margin: 0; padding: 0; } .offcanvas .mod_navigation .level_1 > li, .offcanvas .mod_customnav .level_1 > li { border-bottom: 1px solid rgba(255,255,255,0.2); position: relative; } .offcanvas .mod_customnav .level_1 li:nth-child(2) { border-bottom: 0; } .offcanvas .mod_navigation .level_1 > li > a, .offcanvas .mod_navigation .level_1 > li > strong, .offcanvas .mod_customnav .level_1 > li > a, .offcanvas .mod_customnav .level_1 > li > strong { display: block; padding: 16px 20px; color: white; text-decoration: none; font-size: 16px; font-weight: normal; position: relative; } .offcanvas .mod_navigation .level_1 > li > strong, .offcanvas .mod_customnav .level_1 > li > strong { font-weight: normal; font-family: 'GeogrotesqueMedium'; } .offcanvas .mod_navigation .level_1 > li.active > strong, .offcanvas .mod_customnav .level_1 > li.active > strong { background-color: rgba(0,0,0,0.1); } .offcanvas .mod_navigation .level_1 > li.submenu > a, .offcanvas .mod_customnav .level_1 > li.submenu > a { padding-right: 60px; } .offcanvas .mod_navigation .level_1 > li.submenu > a::after, .offcanvas .mod_customnav .level_1 > li.submenu > a::after { content: ''; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 16px; height: 10px; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDE2IDEwIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEuMzMzNDEgMS4zMzMzM0w4LjAwMDA4IDhMMTQuNjY2NyAxLjMzMzMzIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIuNjY2NjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4='); background-repeat: no-repeat; background-position: center; background-size: contain; transition: transform 0.3s ease; cursor: pointer; } .offcanvas .mod_navigation .level_1 > li.submenu.open > a::after, .offcanvas .mod_customnav .level_1 > li.submenu.open > a::after { transform: translateY(-50%) rotate(180deg); } .offcanvas .mod_navigation .level_1 > li.submenu > a .submenu-toggle, .offcanvas .mod_customnav .level_1 > li.submenu > a .submenu-toggle { position: absolute; right: 0; top: 0; bottom: 0; width: 60px; cursor: pointer; z-index: 10; } .offcanvas .mod_navigation .level_2, .offcanvas .mod_customnav .level_2 { list-style: none; margin: 0; padding: 0; background-color: rgba(0,0,0,0.1); max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .offcanvas .mod_navigation .level_1 > li.submenu.open .level_2, .offcanvas .mod_customnav .level_1 > li.submenu.open .level_2 { max-height: 500px; } .offcanvas .mod_navigation .level_2 > li, .offcanvas .mod_customnav .level_2 > li { border-bottom: 1px solid rgba(255,255,255,0.1); } .offcanvas .mod_navigation .level_2 > li:last-child, .offcanvas .mod_customnav .level_2 > li:last-child { border-bottom: none; } .offcanvas .mod_navigation .level_2 > li > a, .offcanvas .mod_customnav .level_2 > li > a { display: block; padding: 14px 20px 14px 40px; color: white; text-decoration: none; font-size: 14px; line-height: 1.4; } .offcanvas .mod_navigation .level_1 > li > a:hover, .offcanvas .mod_navigation .level_2 > li > a:hover { background-color: rgba(0,0,0,0.15); } .offcanvas .mod_customnav .level_1 > li > a:hover { background-color: rgba(0,0,0,0.15); } .offcanvas .mod_customnav .level_1 > li.xing, .offcanvas .mod_customnav .level_1 > li.linkedIn { border-bottom: none; display: inline-block; width: auto; margin-top: 40px; } .offcanvas .mod_customnav .level_1 > li.xing { margin-left: 8px; } .offcanvas .mod_customnav .level_1 > li.linkedIn { margin-right: 20px; } .offcanvas .mod_customnav .level_1 .xing a, .offcanvas .mod_customnav .level_1 .linkedIn a { font-size: 0; padding: 0; width: 48px; height: 48px; display: inline-block; } /* Xing Icon */ .offcanvas .mod_customnav .xing a::before { content: ''; display: inline-block; width: 48px; height: 48px; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMzcgNkMzOS43NjIgNiA0MiA4LjIzOCA0MiAxMVYzN0M0MiAzOS43NjIgMzkuNzYyIDQyIDM3IDQySDExQzguMjM5IDQyIDYgMzkuNzYyIDYgMzdWMTFDNiA4LjIzOCA4LjIzOSA2IDExIDZIMzdaTTMxLjMwNTcgMTFDMzAuNzA0OSAxMSAzMC40NDA2IDExLjM4MTcgMzAuMjI0NiAxMS43Njk1QzMwLjIyNDYgMTEuNzY5NSAyMS41MjYyIDI3LjE5ODEgMjEuMjQwMiAyNy43MDQxQzIxLjI2MzYgMjcuNzQ2NSAyNi45NDY1IDM4LjE2NzkgMjYuOTc5NSAzOC4yMjg1QzI3LjE3ODUgMzguNTg5NSAyNy40ODk0IDM5IDI4LjEwNjQgMzlIMzIuMTM5NkMzMi4zODQzIDM4Ljk5OTkgMzIuNTcwOCAzOC45MDc5IDMyLjY3NDggMzguNzQyMkMzMi43ODI4IDM4LjU2OTIgMzIuNzc4IDM4LjM0MzEgMzIuNjY2IDM4LjExOTFMMjYuOTc0NiAyNy43MTQ4QzI2Ljk2OTYgMjcuNzA3OSAyNi45Njk3IDI3LjcwMDMgMjYuOTc0NiAyNy42ODk1TDM1LjkxNDEgMTEuODgwOUMzNi4wMjUgMTEuNjU1OSAzNi4wMjg4IDExLjQzMDggMzUuOTIyOSAxMS4yNTg4QzM1LjgyMDkgMTEuMDkxMSAzNS42MjkzIDExLjAwMDEgMzUuMzg3NyAxMUgzMS4zMDU3Wk0xNC4xNjg5IDE2QzEzLjkyNiAxNiAxMy43MjExIDE2LjA4NyAxMy42MjAxIDE2LjI1MzlDMTMuNTEzMSAxNi40MjY5IDEzLjUyODYgMTYuNjQ3MiAxMy42NDM2IDE2Ljg2OTFMMTYuMzc0IDIxLjU2NTRDMTYuMzc3OSAyMS41NzUxIDE2LjM3NzkgMjEuNTc4MSAxNi4zNzQgMjEuNTg3OUwxMi4wODMgMjkuMTEyM0MxMS45NzAyIDI5LjMzMDEgMTEuOTc2MiAyOS41NTM3IDEyLjA4MyAyOS43MjY2QzEyLjE4NCAyOS44ODk2IDEyLjM2NjQgMzAgMTIuNjA5NCAzMEgxNi42NDc1QzE3LjI1MTIgMjkuOTk5OCAxNy41NDMxIDI5LjU5NDUgMTcuNzQ5IDI5LjIyMzZDMTcuNzc5IDI5LjE3MDkgMjEuOTQ0NiAyMS44NTM5IDIyLjEwODQgMjEuNTY1NEMyMi4wOTI0IDIxLjUzODQgMTkuMzMxMSAxNi43NTQ5IDE5LjMzMTEgMTYuNzU0OUMxOS4xMzExIDE2LjM5NzkgMTguODI3IDE2IDE4LjIwOCAxNkgxNC4xNjg5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+'); background-size: contain; background-repeat: no-repeat; background-position: center; } /* LinkedIn Icon */ .offcanvas .mod_customnav .linkedIn a::before { content: ''; display: inline-block; width: 48px; height: 48px; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkgNkM3LjM0MzE0IDYgNiA3LjM0MzE0IDYgOVYzOUM2IDQwLjY1NjggNy4zNDMxNCA0MiA5IDQySDM5QzQwLjY1NjggNDIgNDIgNDAuNjU2OCA0MiAzOVY5QzQyIDcuMzQzMTQgNDAuNjU2OCA2IDM5IDZIOVpNMTcuMDQxNSAxNC4wMDU0QzE3LjA1MjggMTUuOTE3OSAxNS42MjEyIDE3LjA5NjQgMTMuOTIyNSAxNy4wODc5QzEyLjMyMjEgMTcuMDc5NSAxMC45MjcxIDE1LjgwNTQgMTAuOTM1NiAxNC4wMDgzQzEwLjk0NCAxMi4zMTc5IDEyLjI4IDEwLjk1OTUgMTQuMDE1MyAxMC45OTg5QzE1Ljc3NTkgMTEuMDM4MyAxNy4wNTI4IDEyLjMyOTIgMTcuMDQxNSAxNC4wMDU0Wk0yNC41NTk0IDE5LjUyMzVIMTkuNTE5NEgxOS41MTY2VjM2LjY0MzJIMjQuODQzNFYzNi4yNDM4QzI0Ljg0MzQgMzUuNDg0IDI0Ljg0MjggMzQuNzI0IDI0Ljg0MjIgMzMuOTYzOEMyNC44NDA2IDMxLjkzNjIgMjQuODM4OCAyOS45MDY0IDI0Ljg0OTIgMjcuODc5NEMyNC44NTIgMjcuMzg3MiAyNC44NzQ0IDI2Ljg3NTQgMjUuMDAxIDI2LjQwNTZDMjUuNDc2MiAyNC42NTA2IDI3LjA1NDIgMjMuNTE3MiAyOC44MTQ4IDIzLjc5NThDMjkuOTQ1NCAyMy45NzI4IDMwLjY5MzQgMjQuNjI4MiAzMS4wMDg0IDI1LjY5NDJDMzEuMjAyNiAyNi4zNjA2IDMxLjI4OTggMjcuMDc3OCAzMS4yOTgyIDI3Ljc3MjZDMzEuMzIxIDI5Ljg2NzggMzEuMzE3OCAzMS45NjMgMzEuMzE0NiAzNC4wNTg0QzMxLjMxMzQgMzQuNzk4IDMxLjMxMjIgMzUuNTM4IDMxLjMxMjIgMzYuMjc3NlYzNi42NDA0SDM2LjY1NlYzNi4yMjk4QzM2LjY1NiAzNS4zMjU4IDM2LjY1NTYgMzQuNDIyIDM2LjY1NSAzMy41MTgyQzM2LjY1NCAzMS4yNTkyIDM2LjY1MjggMjkuMDAwMiAzNi42NTg4IDI2Ljc0MDRDMzYuNjYxNiAyNS43MTk0IDM2LjU1MiAyNC43MTI2IDM2LjMwMTYgMjMuNzI1NEMzNS45Mjc2IDIyLjI1NzIgMzUuMTU0MiAyMS4wNDIyIDMzLjg5NyAyMC4xNjQ4QzMzLjAwNTQgMTkuNTQwNCAzMi4wMjY2IDE5LjEzODIgMzAuOTMyNiAxOS4wOTMyQzMwLjgwOCAxOS4wODggMzAuNjgyNCAxOS4wODEyIDMwLjU1NjIgMTkuMDc0NEMyOS45OTY4IDE5LjA0NDIgMjkuNDI4MiAxOS4wMTM1IDI4Ljg5MzQgMTkuMTIxM0MyNy4zNjM0IDE5LjQyNzkgMjYuMDE5MiAyMC4xMjgyIDI1LjAwMzggMjEuMzYyOEMyNC44ODU4IDIxLjUwNDQgMjQuNzcwNCAyMS42NDgyIDI0LjU5ODIgMjEuODYyOEwyNC41NTk0IDIxLjkxMTRWMTkuNTIzNVpNMTEuMzYzMyAzNi42NDg4SDE2LjY2NDhWMTkuNTM0N0gxMS4zNjMzVjM2LjY0ODhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4='); background-size: contain; background-repeat: no-repeat; background-position: center; } /* Remove hover effect from arrow pseudo-element */ .offcanvas .mod_navigation .level_1 > li.submenu > a::after:hover, .offcanvas .mod_customnav .level_1 > li.submenu > a::after:hover { background-color: transparent; } @media (min-width: 992px) and (max-width: 1400px) { } @media (max-width: 1200px) { #header .mod_navigation ul.level_1 > li { padding: 35px 1.75rem 35px 1.75rem; } } @media (max-width: 992px) { } @media (min-width: 992px) and (max-width: 1200px) { } @media (min-width: 768px) and (max-width: 992px) { } @media (max-width: 992px) { .mobile_icons { display: flex; } #header .logo svg { height: 55px; transition: all ease .4s; } #header .mod_navigation { display: none; } #mobile-icon { display: block; } }