#legal { margin-left: auto; margin-right: auto; max-width: 1200px; width: 100%; align-self: center; position: relative; margin-bottom: 100px; color: #000; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } #legal.container-fluid { width: 100%; padding-left: 200px  !important; padding-right: 15px; box-sizing: border-box; padding-top: 48px  !important; } #legal .row { display: flex; flex-wrap: wrap; margin: 0 -15px; } #legal .col-xs-12 { width: 100%; padding: 0 15px; box-sizing: border-box; } @media (min-width: 768px) { #legal .col-sm-9 { width: 75%; padding: 0 15px; box-sizing: border-box; } #legal .col-sm-3 { width: 25%; padding: 0 15px; box-sizing: border-box; } } #legal * { text-rendering: optimizeLegibility; text-decoration: none; } #legal .legal-body-copy> :first-child { margin-top: 0; } #legal .legal-related-links li { margin-bottom: .2em; } @media (min-width: 768px) { #legal .legal-related-links h5 { margin-top: 0; } } .col-xs-12.col-sm-3.legal-related-links { margin-top: -3vh; } #legal a { color: #5c92fa; } #legal a:hover, a:focus { color: #1260f8; text-decoration: underline; } .col-xs-12.col-sm-9.legal-body-copy ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } .checkout-footer-copy-location-btn a { color: #fff  !important; } #legal h1 { font-size: 30px; font-weight: 500; } .legal-body-copy p, .legal-related-links a { line-height: 16px; font-size: 12px; } .legal-body-copy h3, .legal-related-links h3 { font-weight: 600; font-size: 14px; margin-top: 32px; } .legal-related-links h4 { margin-top: 32px; } @media (min-width: 1200px) { #legal h1 { font-size: 32px; font-weight: 500; } .legal-body-copy p, .legal-related-links a { line-height: 18px; font-size: 14px; } .legal-body-copy h3, .legal-related-links h3 { font-size: 16px; margin-top: 48px; } .legal-related-links h4 { margin-top: 0; } }