form#data-selection {
    display:     flex;
    flex-wrap:   wrap;
    align-items: baseline;
    line-height: 3em;
}

form#data-selection > * {
    flex: 0 1 auto;
}

@media (max-width: 991px){
    form#data-selection label {
        display: inline-block;
        width:   78px;
    }

    form#data-selection select {
        width:     calc(100% - 83px);
        max-width: 417px;
    }

    form#data-selection span {
        width: 100%;
    }
}

#chartCanvas {
    width:  100%;
    height: 500px;
}

#figs,
#tables {
    display:         flex;
    flex-wrap:       wrap;
    justify-content: space-between;
}

#figs > *,
#tables > * {
    flex: 1;
}

@media (min-width: 992px) {
    #tables > * {
        max-width: 49%;
    }
}

@media (min-width: 576px) {
    #figs > * img {
        min-width: 430px;
    }
}

@media (max-width: 575px) {
    #figs > * img {
        min-width: 298px;
    }

    #tables table {
        font-size: 0.75em;
    }
    #tables table th,
    #tables table td {
        padding: 10px;
    }
}

#tables table th,
#tables table td { text-align: right; }