.bar_2 { z-index: 99; position: absolute; } .advantage-wrapper { margin: auto; background: #fff; color: #717372; } .advantage-container { padding: 20px 40px; font-size: 2.3em; font-weight: 600; color: #717372; } ul.advantage-content-wrapper { display: flex; justify-content: space-between; margin: 0 20px; padding: 0; } .hero-banner { position: relative; } .hero-banner img { max-width: unset; width: 100%; } li.adv-item-container { max-width: 220px; text-align: center; list-style-type: none; line-height: 24px; font-size: 18px; } .adv-copy { margin: 20px 0; font-size: 18px; color: #717372; } .basic-vs-premium-wrapper { margin: auto; font-size: 26px; max-width: 1400px; } .basic-vs-premium-wrapper table { max-width: 100%; background-color: #717372; border-color: #717372; } tr th { color: #fff; line-height: 50px; font-size: 30px; } tr, th { text-align: center; } th.td-title { text-align: left; font-size: 30px; padding-left: 25px; } td.td-title { text-align: left; padding-left: 25px; font-size: 26px; } td { line-height: 35px; height: 50px; background-color: #fff; color: #717372; font-size: 26px; border: 1px solid #717372; } td.lpc-blue { color: #3e8ddd; } @media (max-width: 999px) { .icon-wrapper img { width: 75%; } .basic-vs-premium-wrapper { font-size: 17px; } } @media (max-width: 650px) { tr th { font-size: 18px; line-height: 25px; } .basic-vs-premium-wrapper { font-size: 10px; max-width: 320px; } } @media (max-width: 450px) { .icon-wrapper img { width: 40%; } ul.advantage-content-wrapper { display: block; } li.adv-item-container { max-width: 100%; } .advantage-container { padding: 20px 25px; font-size: 2em; } tr th { font-size: 15px; } td { line-height: 25px; } } @media (min-width: 76.75em) { .masthead .pageWrapper { width: 73.75em; } .bar_3-innerWrapper { padding-left: 7%; } } .bar_2 .pageWrapper .bar_3 { background: none; } .mainContent.pageWrapper { width: 100%; font-family: 'Lato', sans-serif; } div.contentContainer#mainContent { background: #3e8ddd; } .content-main { padding: 2% 6%; color: #fff; } .content-main h2 { color: #fff; font-weight: bold; font-size: 2em; line-height: 1.1; margin: 1em 0; } .content-main h3 { font-size: 1.3em; color: #fff; margin: 1em 0; } .content-main p { color: #fff; margin: 1em 0; } .PremiumEdge { font-size: 1.3em; font-weight: bold; margin: 2% 0; color: #fff; } .TC { font-size: .9em; line-height: 1.4em; margin: 1em 0; color: #fff; } .content-main a { color: #fff; text-decoration: underline; } @media (max-width: 73.625em) { .bar_3-heading { display: none; } } @media (max-width: 46.25em) { .content-main h2 { font-size: 1.5em; } }