@charset "utf-8";

div.tab--hd .bundle--special { margin-top: 15px; }

.bundle_tab a.button-digi:focus { outline: rgb(218, 28, 36) solid 2px; }

div.tab--hd .bundle_title { padding-top: 5px; }

#bundle_section { padding: 0px 5% 195px; }

.lightNyt { color: rgb(51, 51, 51); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.063rem; white-space: nowrap; }

@media only screen and (max-width: 320px) {
  .lightNyt { font-size: 0.65rem; }
}

.answer.faq { display: block !important; }

.font-smoothing { -webkit-font-smoothing: antialiased; }

.noLineBreak { display: inline-block; }

#nytheader_section { height: auto; width: 100%; padding: 0px; margin: 0px; }

#more_options_section { width: 100%; }

#more_section { background: rgb(255, 255, 255); }

.header--content { max-width: 1142px; margin: auto; }

.flexcontainer { display: flex; justify-content: space-between; }

.flexcontainer .header_lg img { width: 100%; max-width: 329px; }

.flexcontainer .header_lg { color: rgb(51, 51, 51); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.063rem; width: 100%; max-width: 329px; font-family: nytfranklin-light, arial, sans-serif; margin: 25px auto 0px; }

a.look--hd { padding-top: 15px; color: rgb(119, 119, 119); text-decoration: none; }

a.look--hd:hover { color: rgb(43, 43, 43); text-decoration: underline; }

#logo_nyt { width: 214px; padding: 13px 20px 20px 15px; }

@media only screen and (max-width: 767px) {
  #logo_nyt { border-bottom: none; }
}

#logo_nyt img { border-style: none; width: 100%; }

.memberTools__ul { padding: 15px 12px 0px; text-align: left; vertical-align: bottom; margin-top: 0px; margin-left: 10px; }

.memberTools__li { font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; font-weight: 200; font-size: 16px; margin: 0px; display: inline; padding: 0px 4px; letter-spacing: -0.25px; color: rgb(160, 160, 160); }

.memberTools__li a { color: rgb(119, 119, 119); }

.memberTools__li a:hover { color: rgb(43, 43, 43); }

#link_login { padding-right: 10px; display: inline; border-right: none; }

#link_hd { border-left: 1px solid rgb(119, 119, 119); padding-left: 8px; }

.user-logged-in #link_login { display: none; }

.user-logged-in #link_hd { border-left: none; padding-left: 12px; }

.title { text-align: center; font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; font-size: 38px; color: rgb(44, 44, 44); font-weight: 200; padding: 20px 0px 10px; margin: auto; width: 90%; letter-spacing: -0.5px; }

.subtitle { width: 100%; text-align: center; font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; font-size: 38px; color: rgb(239, 153, 13); font-weight: 200; padding: 0px 0px 40px; }

.cancel { color: rgb(153, 153, 153); font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; font-size: 20px; font-weight: 200; padding: 0px; text-align: center; width: 100%; }

#bundle_section { position: relative; margin: 0px auto; width: 90%; min-width: 768px; padding: 0px 5% 161px; font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; }

.bundle_section_header { text-align: center; color: rgb(255, 255, 255); font-size: 26px; font-weight: 200; padding: 30px; }

.bundles_container { max-width: 1142px; margin: auto; display: flex; flex-direction: row; place-content: center; padding-bottom: 22px; }

.bundle_tab { cursor: pointer; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; flex: 0 1 366px; height: 100%; border: 1px solid rgb(204, 204, 204); border-radius: 10px; text-decoration: none; margin: 0px 1.5%; transition: 0.3s; }

.bundle_tab:hover { border: 1px solid rgb(239, 153, 13); }

.bundle_tab:hover .separator { background-color: rgba(255, 255, 255, 0.6); }

.bundle_tab:hover .bundle_feature { background-color: rgba(255, 255, 255, 0.6); }

.bundle_tab:hover .bundle_feature.bonus { background-color: rgb(239, 153, 13); }

.bundle_tab:hover .button-digi { background-color: rgb(239, 153, 13); color: rgb(255, 255, 255); border: none; }

.bundle_tab--header { padding: 0px; width: 100%; text-align: center; border-top-left-radius: 9px; border-top-right-radius: 9px; display: flex; flex-direction: column; place-content: flex-end; align-items: center; }

.tab--ada .bundle_tab--header { background-color: rgb(46, 132, 237); }

.tab--insider .bundle_tab--header { background-color: rgb(15, 74, 146); }

.tab--hd .bundle_tab--header { background-color: rgb(44, 44, 44); }

.bundle--image { height: 90px; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 15px; }

.tab--hd .bundle--image { padding: 6px 0px 8px; }

.tab_header { text-transform: uppercase; background-color: rgb(55, 53, 49); color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; line-height: 20px; padding-bottom: 2px; }

.bundle_title { font-size: 32px; font-weight: 200; margin: auto; color: rgb(255, 255, 255); padding: 30px 0px 20px; }

.tab--insider .bundle_title { padding: 50px 0px 20px; }

.tab--ada .bundle_title { padding: 50px 0px 20px; }

.bundle_title .hd--subtitle { font-size: 18px; display: block; }

.bundle--special { font-size: 12px; font-weight: 700; color: rgb(239, 153, 13); letter-spacing: 0.3px; line-height: 14px; margin-top: 26px; }

.thereafter_price { padding: 17px 0px 28px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; }

.tab--hd .thereafter_price { padding: 14px 0px 28px; }

span.ap_thereafter { display: none; }

.br { display: block; }

.grey { color: rgb(133, 133, 133); }

.logo_insider { fill: rgb(133, 133, 133); }

.bundle_feature { display: flex; align-items: center; text-align: center; justify-content: center; flex-direction: column; width: 100%; background-color: rgb(255, 255, 255); color: rgb(44, 44, 44); font-size: 18px; }

.bundle_feature.bonus { background-color: rgb(239, 153, 13); color: rgb(255, 255, 255); min-height: 126px; }

.bundle_feature:nth-last-of-type(2) { padding-bottom: 20px; }

.tab--ada .bundle_feature:nth-last-of-type(2) { padding-bottom: 0px; }

.bundle_feature:last-of-type { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }

.tab--ada .bundle_feature:last-of-type { padding-bottom: 30px; }

.bundle_feature.feature--header { padding: 20px 0px; }

.bundle_feature.feature--header--mid { padding: 30px 0px 10px; }

.tab--insider .bundle_feature.feature--header--mid { padding: 20px 0px 10px; }

.black { color: rgb(44, 44, 44); }

.blue { color: rgb(46, 132, 237); }

.feature_text { font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; font-weight: 400; font-size: 13px; width: 75%; color: rgb(44, 44, 44); margin: 0px 5% 5%; }

.feature_text:nth-child(1) { margin-top: 5%; }

.bonus .feature_text { color: rgb(255, 255, 255); padding-top: 5%; }

.cls-1 { opacity: 0.49; isolation: isolate; font-size: 18px; fill: rgb(57, 57, 57); font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; font-weight: 700; }

.cls-2 { fill: none; stroke: rgb(151, 151, 151); stroke-linecap: square; stroke-opacity: 0.49; }

.plus-1, .plus-2 { isolation: isolate; font-size: 18.26px; font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; font-weight: 700; }

.plus-1 { fill: rgb(255, 255, 255); }

.plus-2 { fill: rgb(238, 152, 33); }

.separator { background-color: rgb(255, 255, 255); width: 100%; }

.separator--bonus { position: relative; background-color: transparent; z-index: 10; top: -26px; }

@media only screen and (min-width: 980px) and (max-width: 1259px) {
  .separator--bonus { top: -19px; }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .separator--bonus { top: -16px; }
}

@media only screen and (-ms-high-contrast: active) and (min-width: 980px) and (max-width: 1259px) {
  .separator--bonus { top: -9px; }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bundle_feature.bonus { padding-top: 10px; }
}

.button-digi { display: inline-block; font-size: 14px; font-family: nyt-franklin, "helvetica neue", arial, sans-serif; border-radius: 3px; transition: 0.3s; cursor: pointer; text-transform: uppercase; text-decoration: none; margin: 5px auto 0px; background-color: rgb(255, 255, 255); border: none; font-weight: 700; padding: 12px 20px; }

.tab--ada .button-digi { color: rgb(46, 132, 237); }

.tab--insider .button-digi { color: rgb(15, 74, 146); }

.tab--hd .button-digi { color: rgb(44, 44, 44); }

.button-digi:visited { color: rgb(255, 255, 255); }

.button-digi:hover { background-color: rgb(239, 153, 13); color: rgb(255, 255, 255); border: none; }

.h_ruler { width: 90%; }

.disclaimer--hd--container { max-width: 1142px; margin: auto; }

.disclaimer--hd { opacity: 0.7; float: right; width: 362px; text-align: center; font-weight: 200; font-size: 13px; color: rgb(44, 44, 44); line-height: 20px; }

#more_options_section-ab { font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; text-align: center; padding-bottom: 0px; }

#more_options_title { padding: 20px 0px 10px; }

.tiles-strip { margin: -10px auto 15px; display: flex; justify-content: space-between; flex-direction: column; height: auto; width: 570px; }

@media only screen and (max-width: 767px) {
  .tiles-strip { width: 100%; }
}

.tile { display: flex; justify-content: flex-start; flex-direction: row; align-items: center; border-radius: 5px; background-color: rgb(245, 245, 245); border: 1px solid rgb(204, 204, 204); width: 570px; flex: 1 1 88px; }

.tile.tile-edu, .tile.tile-hd { flex: 1 1 180px; }

@media only screen and (max-width: 767px) {
  .tile { width: 100%; }
}

.tile-icon { width: 120px; text-align: center; }

@media only screen and (max-width: 767px) {
  .tile-icon { width: 100px; }
}

.edu-text { text-align: left; }

@media only screen and (max-width: 767px) {
  .edu-text { padding-left: 7%; }
}

a.tile { text-decoration: none; margin: 5px 0px; font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; }

a.tile .tile-text { color: rgb(0, 0, 0); line-height: 30px; font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; font-weight: 200; font-size: 24px; text-decoration: none; width: 350px; text-align: left; }

@media only screen and (max-width: 767px) {
  a.tile .tile-text { width: 100%; }
}

a.tile .tile-feature { text-align: left; margin: 0px auto; padding: 10px 0px; font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; color: rgb(102, 102, 102); font-size: 16px; font-weight: 400; width: 400px; }

@media only screen and (max-width: 767px) {
  a.tile .tile-feature { width: 100%; }
}

a.tile .tile-link { font-size: 13.5px; text-decoration: underline; }

a.tile .clear { clear: both; }

#faq_section { margin: auto; font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; clear: both; }

@media only screen and (max-width: 767px) {
  #faq_section { border-bottom: 1px solid rgb(238, 238, 238); }
}

#faq_section .answer { display: none; padding-left: 85px; font-weight: 400; color: rgb(102, 102, 102); letter-spacing: 0px; font-size: 14px; width: 70%; }

@media only screen and (max-width: 767px) {
  #faq_section .answer { padding: 0px 2.5%; font-size: 10.75px; letter-spacing: 0px; font-family: Georgia, serif; font-weight: normal; color: rgb(0, 0, 0); width: 95%; }
}

@media only screen and (max-width: 767px) {
  #faq_section .answer p { padding: 0px; margin-top: 2px; }
}

#faq_section span.supreg { vertical-align: text-top; }

@media only screen and (max-width: 767px) {
  #faq_section span.supreg { display: none; }
}

#faq_section span.sup { vertical-align: super; font-size: 6px; }

@media only screen and (max-width: 767px) {
  #faq_section span.sup { display: none; }
}

#faq_section a { text-decoration: underline; }

#faq_section h3 a { text-decoration: underline; }

#faq_section h2 { line-height: 35px; font-weight: 400; color: rgb(102, 102, 102); cursor: pointer; letter-spacing: 0px; font-size: 16px; padding-left: 40px; }

@media only screen and (max-width: 767px) {
  #faq_section h2 { padding: 10px 2.5%; border-top: 1px solid rgb(238, 238, 238); text-transform: none; font-size: 11.25px; letter-spacing: -0.2px; font-family: Georgia, serif; font-weight: normal; color: rgb(0, 0, 0); line-height: 15px; }
}

#faq_section h2.hovered { color: rgb(0, 93, 162); }

@media only screen and (max-width: 767px) {
  #faq_section h2.hovered { color: rgb(0, 0, 0); }
}

#faq_section h2.expanded { color: rgb(0, 93, 162); }

@media only screen and (max-width: 767px) {
  #faq_section h2.expanded { color: rgb(0, 0, 0); }
}

#footer-holder { font-size: 10px; text-align: center; color: rgb(153, 153, 153); padding-top: 50px; font-family: arial, helvetica, sans-serif; }

img.moflow { margin: auto; }

#footer_content { border-top: none; padding: 0px; margin-top: 2px; }

@media only screen and (max-width: 767px) {
  #footer_content { border-right: 1px solid rgb(238, 238, 238); padding: 0px; }
}

ul#footer_content li { font-size: 10px; border-right: 1px solid rgb(153, 153, 153); padding: 0px 4px; display: inline; }

@media only screen and (max-width: 767px) {
  ul#footer_content li { border-right: 1px solid rgb(153, 153, 153); padding: 0px 4px; }
}

ul#footer_content li#link_help_footer { border-right: none; }

ul#footer_content li a, ul#footer_content li a:visited { font-family: arial, helvetica, sans-serif; font-size: 10px; color: rgb(153, 153, 153); font-weight: 400; text-decoration: underline; letter-spacing: 0px; }

@media only screen and (max-width: 767px) {
  ul#footer_content li a, ul#footer_content li a:visited { font-family: "Helvetica Neue", Arial, sans-serif; font-size: 10px; color: rgb(153, 153, 153); }
}

ul#footer_content li a span.desktop { display: inline-block; text-decoration: underline; }

@media only screen and (max-width: 767px) {
  ul#footer_content li a span.desktop { display: none; }
}

@media only screen and (max-width: 767px) {
  ul#footer_content li a span.moflow { display: inline-block; text-decoration: none; }
}

#more_section a, #more_section a:visited { color: rgb(0, 93, 162); }

.memberTools__li a { color: rgb(119, 119, 119); }

.memberTools > a.login { color: rgb(119, 119, 119); font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; padding: 15px 0px 0px; display: inline-block; }

body.user-logged-in .memberTools { display: none; }

#container { min-width: 768px; max-width: none; width: 100%; margin: 0px auto; padding: 0px; }

@media only screen and (max-width: 767px) {
  .desktop { display: block; }
}

@media only screen and (max-width: 767px) {
  .moflow { display: none; }
}

.section_title { color: rgb(57, 57, 57); }

@media only screen and (max-width: 767px) {
  .section_title { font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; color: rgb(102, 102, 102); }
}

.section_title { font-weight: 200; font-size: 30px; color: rgb(102, 102, 102); text-align: center; padding: 20px 0px; font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; }

@media only screen and (max-width: 767px) {
  .section_title { font: 400 18px Georgia; color: rgb(0, 0, 0); padding: 5px 0px; }
}

@media only screen and (min-width: 321px) and (max-width: 767px) {
  .section_title { font: 400 17px Georgia; color: rgb(0, 0, 0); padding: 5px 0px; }
}

.separator--bonus { top: -25px; }

#other_rates_content { display: none; }

#disclaimer { color: rgb(160, 160, 160); font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; font-size: 13px; font-weight: 200; line-height: 17px; margin: 0px auto; max-width: 550px; padding: 0px 0px 20px; letter-spacing: normal; text-align: center; }

.h_ruler { }

.h_ruler--ab { margin-top: 0px; margin-bottom: 0px; width: 90%; border: none; height: 1px; background-color: rgb(204, 204, 204); }

#faq_section { width: 1142px; max-width: 90vw; }

@media only screen and (max-width: 767px) {
  #bundle_section_mo { display: none; }
  #bundle_section { display: block; }
  .section_title { font-weight: 200; font-size: 30px; color: rgb(102, 102, 102); text-align: center; padding: 20px 0px; }
  #faq_section h2 { line-height: 35px; font-weight: 400; color: rgb(102, 102, 102); cursor: pointer; letter-spacing: 0px; font-size: 16px; padding-left: 40px; }
  #faq_section h2.expanded, #faq_section h2.hovered { color: rgb(0, 93, 162); }
  #faq_section .answer { padding-left: 85px; font-weight: 400; color: rgb(102, 102, 102); letter-spacing: 0px; font-size: 14px; width: 70%; font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; }
}

html { text-size-adjust: 100%; }

.user-logged-in #link_login { display: none; }

.user-logged-in #link_hd { border-left: none; padding-left: 12px; }

#container { min-width: 0px; }

div.title { padding: 15px 0px 0px; font-size: 36px; }

.subtitle { padding: 0px 0px 30px; font-size: 32px; }

div.cancel { color: rgb(153, 153, 153); font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; font-size: 20px; font-weight: 200; padding: 0px 0px 30px; text-align: center; width: 100%; }

.striker { position: relative; display: inline; }

.striker::before { position: absolute; width: 40px; height: 1px; background: rgb(255, 0, 31); content: ""; bottom: 6px; transform: rotate(-15deg); }

body.loonie .striker::before, body.aud .striker::before { transform: rotate(-5deg); width: 68px; }

body.loonie .bundle_tab.tab--hd .striker::before, body.aud .bundle_tab.tab--hd .striker::before { transform: rotate(-15deg); width: 40px; }

.bundle--special { text-transform: uppercase; }

#bundle_section { min-width: 100%; }

.bundle_tab { overflow: hidden; cursor: pointer; }

.bundle_tab.tab--ada a.button-digi { color: rgb(46, 132, 237); background: rgb(255, 255, 255); }

.bundle_tab.tab--insider a.button-digi { color: rgb(15, 74, 146); background: rgb(255, 255, 255); }

.bundle_tab.tab--hd a.button-digi { color: rgb(44, 44, 44); background: rgb(255, 255, 255); }

.bundle_tab:hover a.button-digi { color: rgb(255, 255, 255); background: rgb(239, 153, 13); }

.bundle_feature.feature--header--top { width: 100%; padding: 30px 5% 20px !important; }

.feature_text { width: 90%; padding: 0px 5%; }

.see_details { margin: 0px 0px 25px; color: rgb(255, 255, 255); cursor: pointer; display: none; text-decoration: underline; }

.separator--bonus { top: -12px; }

.disclaimer--hd--container { margin: auto; max-width: 1142px; }

.disclaimer--hd--container.width_767 { max-width: 767px; }

.disclaim--header { font-size: 16px; font-weight: 400; }

.disclaimer--hd { color: rgb(44, 44, 44); font-size: 13px; font-weight: 200; line-height: 16px; opacity: 0.7; width: auto; padding: 0px 8px; text-align: center; margin-top: 20px; }

div#disclaimer { color: rgb(102, 102, 102); }

div#disclaimer strong { font-weight: 500; font-size: 16px; display: block; margin-bottom: 0px; }

#faq_section h2:hover { color: rgb(0, 93, 162); }

#more_options_title { padding: 30px 20px 40px; }

a.tile .tile-link { font-size: 16px; }

a.tile.noDesc { flex: 1 1 88px; }

.oneWord { display: inline-block; }

.black { color: rgb(0, 0, 0); }

@media (max-width: 980px) {
  div.title { font-size: 30px; }
  .subtitle { padding: 0px 0px 10px; font-size: 30px; }
  .bundle_tab { margin: 0px 0.5%; }
  .button-digi { padding: 12px 2%; }
  .bundle--image img { }
  .thereafter_price br { display: none; }
}

@media (min-width: 768px) {
  .bundle_feature, .separator { display: inline !important; }
}

@media (max-width: 767px) {
  #nytheader_section { padding: 0px 5% 10px; }
  .flexcontainer { padding: 0px; }
  .memberTools { display: block; position: absolute; text-align: right; margin: 0px auto; left: 0px; right: 0px; top: 0px; }
  .memberTools ul { max-width: 265px; margin: 0px auto; }
  .memberTools__ul { text-align: center; }
  .memberTools__li { font-size: 14px; }
  .memberTools > a.login { padding: 15px 5% 0px; }
  #container { min-width: 100%; }
  #logo_nyt { margin: 10px auto; padding: 0px; display: inline; }
  div.title { margin: 0px auto 10px; padding: 10px 0px 0px; font-size: 30px; width: 100%; }
  div.subtitle { padding: 0px 0px 20px; font-size: 24px; }
  div.more_subtitle { font-size: 20px; padding: 0px 0px 5px; }
  a.look--hd, .membertools-holder { display: none; }
  .bundles_container { display: block; }
  #bundle_section { padding: 0px 5%; }
  .bundle_tab { clear: both; margin: 0px auto 20px; max-width: 367px; }
  .tab--ada .bundle_title, .tab--insider .bundle_title { font-size: 32px; padding: 25px 0px 20px; }
  .button-digi { padding: 12px 5%; }
  .separator--bonus { top: -25px; }
  .thereafter_price br { display: inline; }
  .disclaimer--hd--container { max-width: 100%; }
  .disclaimer--hd { max-width: 293px; float: none; text-align: left; padding: 0px 0px 40px; margin: 0px auto; }
  #faq_section span.supreg, #faq_section span.sup { display: inline; }
  body.mobile .bundle_tab { cursor: default; }
  body.mobile .bundle_tab:hover { border: 1px solid rgb(204, 204, 204); }
  body.mobile .bundle_tab.tab--ada:hover a.button-digi { color: rgb(46, 132, 237); background: rgb(255, 255, 255); }
  body.mobile .bundle_tab.tab--insider:hover a.button-digi { color: rgb(15, 74, 146); background: rgb(255, 255, 255); }
  body.mobile .see_details { display: inline; }
  body.mobile .bundle_feature { display: none; }
  body.mobile .separator { display: none; }
  body.mobile .separator--bonus { top: -12px; }
  #disclaimer { width: 90%; }
  .section_title { font-family: nyt-franklin, "Helvetica Neue", Arial, sans-serif; font-size: 22px; }
  #faq_section h2 { padding: 10px 5%; line-height: 22px; }
  #faq_section .answer { padding: 0px 5%; width: 100%; }
  .more_options_section { width: 100%; }
  .tiles-strip { width: 90%; margin: 0px 5% 15px; }
  a.tile { max-width: 570px; margin: 5px auto; display: block; }
  .tile-icon { line-height: 80px; float: left; }
  .tile-icon svg { vertical-align: middle; }
  a.tile .tile-text { line-height: 80px; float: left; vertical-align: middle; width: 55%; }
  .tile.tile-edu { flex: 1 1 188px; }
  .edu-text, .hd-text { padding: 0px; vertical-align: middle; }
  a.tile .edu-text { width: 73%; padding: 0px; float: left; }
  a.tile#tile-edu .tile-icon, a.tile.tileWithCopy .tile-icon { line-height: 188px; }
  a.tile .edu-text .tile-text { width: 100%; line-height: 50px; margin: 20px 0px 0px; }
  a.tile .tile-feature { width: 100%; float: left; padding-top: 0px; }
  a.tile .edu-text .tile-link { width: 100%; line-height: 1; }
  .tile-link { line-height: 80px; width: 12%; min-width: 90px; float: right; }
}

@media (max-width: 580px) {
  a.tile .tile-link { display: none; }
  a.tile .tile-text { width: 77%; }
  .tile.tile-edu { flex: 1 1 160px; }
  a.tile#tile-edu .tile-icon { line-height: 160px; }
}

@media (max-width: 500px) {
  .tile.tile-edu { flex: 1 1 80px; }
  .tile.tile-hd { flex: 1 1 80px; }
  a.tile#tile-edu .tile-icon, a.tile.tileWithCopy .tile-icon { line-height: 80px; }
  a.tile .edu-text .tile-text { line-height: 80px; margin: 0px; }
  a.tile .tile-feature { display: none; }
  .tile-link { display: none; }
  .tile-icon { width: 70px; }
  a.tile .tile-text { font-size: 18px; width: 73%; }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .separator--bonus { top: -21px; }
}