.rot-bars{
    display:block;
    font-family: "Advent Pro", sans-serif;
}
.rpbar{

    color: var(--text);
    /* display:flex;
    flex-wrap:nowrap;
    flex-direction:column; */
    position:relative;
    margin-bottom:0.4rem;
    padding-bottom:0;

}
.feature p,
.rpbar-name{
    display: inline-block;
    background-color: rgba(255,255,255,0.7);
    text-transform: uppercase;
    color: var(--text);
    margin-right: 0.5em;
    font-weight: 500;
    font-size: 1.15rem; padding: 0 0.55em; letter-spacing: 0.55px;
}
@media(min-width:576px){
    .feature p,
    .rpbar-name{font-size: 1.15rem; padding: 0.115em 0.55em; letter-spacing: 0.55px;}
}

@media(min-width:992px){
    .rpbar{padding-bottom:0.2em;}
    .feature p,
    .rpbar-name{padding: 0.125em 0.65em;}
}

.rpbar-value{
    display: inline-block;
    color: rgba(255,255,255,0.7);
    font-weight: 500;
    font-size: 1.25rem; padding: 0.125em 0.65em; letter-spacing: 0.55px;
    text-shadow:0 0 2px black;
}

.rpbar-progress{
    /* flex-grow:1; */
    position: relative;

    left:0;
    top:50%;
    transform:translateY(-50%);
    height:3px;
    background-color:white;
    border-radius:2px;
    width:0%;
    margin: 0.7em 0 0.8em;
}

/* .in-scope{
    outline:3px dotted red;
} */