<div class="menu-custom-block"> <a href="https://www.cascaderack.com/">Home</a> <a href="https://www.cascaderack.com/contact/">Contact Us</a> <a href="https://www.cascaderack.com/blog/">Blog</a> <a href="https://www.cascaderack.com/careers/">Jobs @ CR</a> <a href="https://www.cascaderack.com/services/">In-Store Services</a> <a href="https://www.cascaderack.com/brands/">All Brands</a> </div> <style> .header-bottom .menu-custom-block { line-height: 22px; font-weight: 600; font-size: 0.8571em; display: flex; align-items:center; } .header-bottom .menu-custom-block i { font-size: 1.5em; position: relative; vertical-align: middle; margin-right: 3px; top: -1px; } .header-bottom .menu-custom-block a, .header-bottom .menu-custom-block span { padding: 22px 20px 22px 20px; font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: -0.35px; text-transform: none; color: #282d3b; } .header-bottom .menu-custom-block a { display: inline-block; vertical-align: middle; } .header-bottom .menu-custom-block a:not(:last-child) { font-size: 0.8125rem; text-transform: uppercase; } @media (max-width: 1219px) { .header-bottom .menu-custom-block a, .header-bottom .menu-custom-block span { padding: 20px 8px 20px 8px; } .header-bottom .menu-custom-block a:not(:last-child) { font-size: 0.7125rem; text-transform: uppercase; } } @media (min-width: 1440px) { .header-bottom .menu-custom-block a:not(:last-child) { margin-right: 1rem; } .rtl .header-bottom .menu-custom-block a:not(:last-child) { margin-left: 1rem; margin-right: 0; } } </style>