/* Swap only the two heading font sizes at the existing responsive breakpoints. */
.shared-checkout .recharge-heading h1{font-size:22px!important}
.shared-checkout .recharge-heading .recharge-caption{font-size:44px!important}
@media(max-width:800px){.shared-checkout .recharge-heading h1{font-size:20px!important}.shared-checkout .recharge-heading .recharge-caption{font-size:36px!important}}
@media(max-width:480px){.shared-checkout .recharge-heading h1{font-size:17px!important}.shared-checkout .recharge-heading .recharge-caption{font-size:28px!important}}
@media(max-height:700px){.shared-checkout .recharge-heading h1{font-size:16px!important}.shared-checkout .recharge-heading .recharge-caption{font-size:30px!important}}
@media(max-height:700px) and (max-width:480px){.shared-checkout .recharge-heading .recharge-caption{font-size:28px!important}}
@media(min-width:1000px) and (max-height:1200px){.shared-checkout .recharge-heading h1{font-size:20px!important}.shared-checkout .recharge-heading .recharge-caption{font-size:36px!important}}
@media(min-width:1000px) and (max-height:850px){.shared-checkout .recharge-heading h1{font-size:18px!important}.shared-checkout .recharge-heading .recharge-caption{font-size:32px!important}}
@media(min-width:1000px) and (min-height:901px) and (max-height:1200px){.shared-checkout .recharge-heading .recharge-caption{font-size:40px!important}}

.shared-checkout .recharge-heading .recharge-caption{letter-spacing:.06em}