.bar {
    width:100%;
    padding-bottom:10px;
    display:table;
}
.crescent {
    width:25%;
    position:relative;
    display:inline-block;
    float:left;
    padding-bottom:10px;
}
.gibbous {
    width:75%;
    position:relative;
    display:inline-block;
    float:left;
    padding-bottom:10px;
}

    .crescent, .gibbous:last-child {
        padding-bottom:0px;
    }

.bold {
    font-weight:bold;
}