/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/

@media (max-width: 768px) {
    .pricing-table .plan .plan-header .plan-price {
        font-size: 40px !important;
    }

    .pricing-table .plan .plan-header .plan-price sup {
        font-size: 16px !important;
        top: -20px !important;
    }

    .pricing-table .plan .plan-header .plan-price span {
        font-size: 12px !important;
    }
}

@media (max-width: 480px) {
    .pricing-table .plan .plan-header .plan-price {
        font-size: 32px !important;
    }

    .pricing-table .plan .plan-header .plan-price sup {
        font-size: 14px !important;
        top: -16px !important;
    }

    .pricing-table .plan .plan-header .plan-price span {
        font-size: 11px !important;
    }
}