@media screen and (min-width: 500px) {

    .title {
        text-align: right;
        font-size: medium;
        font-weight: 400;
        width: 50%;
    }

    .value {
        padding-left: 1em;
        font-size: medium;
        font-weight: 700;
        text-align: left;
    }

    .indicator {
        /*color: #34b71f;*/
        /* color: #fff;
        font-size: 1.4rem; */
    }

    .title1 {
        font-size: 1.4rem;
    }

}

@media screen and (max-width: 500px) {

    .title {
        text-align: right;
        font-size: 0.8rem;
        font-weight: 700;
        width: 50%;
        color: #FFF;
    }

    .value {
        padding-left: 1em;
        font-size: 0.9rem;
        font-weight: 700;
        text-align: left;
        color: #FFF;
    }

    .indicator {
        /*color: #34b71f;*/
        color: #fff;
        /*font-size: 1rem;*/
        font-size: 13px;
    }

    .title1 {
        font-size: 1rem;
    }

}