CancerLyfe

.tl-footer-root { background: #fff; border-top: 1px solid #cacaca; position: relative; z-index: 3; } .tl-footer { margin: 32px 0; } .brought-to-you { color: #000; font-family: "Helvetica Neue", Helvetica, arial, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 18px; padding: 0 16px 16px 16px; } .tl-tagline { margin: 0; } .tl-anchor { color: #000; font-weight: bold; text-decoration: none; } .copyright { color: #000000; font-family: "Helvetica Neue", Helvetica, arial, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 20px; margin: 8px 0; } .tl-logo { height: 65px; width: 180px; margin-bottom: 4px; } .tl-footer-heading { color: #000000; font-family: Futura, "Trebuchet MS", Arial, sans-serif; font-size: 16px; font-weight: bold; letter-spacing: 0.57px; line-height: 20px; margin-top: 0; text-transform: uppercase; } .tl-nav { padding: 0; } .tl-nav-item { list-style-type: none; margin-bottom: 16px; } .tl-nav-anchor { color: #000000; font-family: Futura, "Trebuchet MS", Arial, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0.07px; line-height: 24px; text-decoration: none; } .tl-nav-anchor:hover, .tl-anchor:hover { color: #008fd6; text-decoration: underline; } .tl-social { height: 24px; margin-right: 8px; width: 24px; } .tl-nav-anchor { display: flex; flex-flow: row nowrap; align-items: center; } .learn-more { padding: 16px; } .follow-us { grid-area: follow-us; padding: 16px 16px 0 16px; } .follow-us .tl-nav, .follow-us .tl-nav-item:last-child { margin-bottom: 0; } .navigate { padding: 0 16px 16px 16px; } .bars { background: #ffda02; background: linear-gradient( 180deg, #fff6c0 0%, #fff6c0 24%, #ffec80 25%, #ffec80 49%, #ffe442 50%, #ffe442 74%, #ffda02 75%, #ffda02 100% ); height: 32px; } @media (min-width: 768px) { .tl-footer { display: grid; grid-template-areas: "brought-to-you navigate learn-more" "brought-to-you navigate follow-us"; justify-content: space-between; margin: 32px 0 24px 0; } .brought-to-you { grid-area: brought-to-you; } .navigate { grid-area: navigate; } .learn-more { grid-area: learn-more; padding: 0 16px; margin-bottom: 28px; } .follow-us { grid-area: follow-us; padding: 0 16px; } } @media (min-width: 1024px) { .tl-footer-wrapper { margin: auto; max-width: 1200px; } .tl-footer { display: flex; flex-flow: row nowrap; justify-content: space-between; margin: 32px 12px; } .tl-logo { height: 65px; width: 180px; } .brought-to-you { font-size: 16px; line-height: 24px; } .navigate { padding: 0 16px; } .navigate .tl-nav, .navigate .tl-nav-item:last-child { margin-bottom: 0; } .learn-more { margin-bottom: 0; } .follow-us { padding-bottom: 16px; } .follow-us .tl-nav-item { margin-bottom: 16px; } } @media (max-width: 750px) { .tl-footer-root { text-align: center; } .tl-logo { height: 70px; width: 200px; } .brought-to-you{ font-size: 18px; padding: 0 16px 30px 16px; } .copyright{ font-size: 18px; } .tl-footer-heading{ font-size: 24px; } .tl-nav-anchor{ font-size: 22px; display: inline-table; } }