.dparam {
    text-align: center;
    margin: 20px;
} 

.yellow_text {
    background-color: #FFFFAA;
} 

.green_text {
    background-color: #AAFFAA;
} 

.ctext {
    text-align: left;
    margin: 5px;
    max-width: 60em;
} 

.chead {
    text-align: center;
    margin: 3px;
} 

.hflex {
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    flex-direction: row;
    max-width: 60em;
}

.csection {
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;    
    margin: 3px;    
} 

.dplot {
    align-content: center;
    display: flex; 
    flex-direction: row; 
    align-items: center; 
    justify-content: center;
    margin: 10px;
}