html {
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    height: 100%;
  }
  *, *:before, *:after {
    box-sizing:         inherit;
    -moz-box-sizing:    inherit;
    -webkit-box-sizing: inherit;
}

@-ms-viewport {
    width: device-width;
 }

body {
    font-family: 'Montserrat', sans-serif;
}

.title {
    text-align: center;
}

.status-container {
    margin: 40px auto;
    text-align: center;
    font-size: 22px;
}

.status-container span {
    font-weight: 700;
}

.hidden {
    display: none;
}

.alert {
    color: #871010;
}

.cool {
    color: #0a540f;
}

.contrib_chart .ct-series-a .ct-point {
    stroke: #216996;
}

.contrib_chart .ct-series-a .ct-line {
    stroke: #216996;
} 

.contrib_chart .ct-series-a .ct-area {
    fill: #216996;
} 

.balance_chart .ct-series-a .ct-point, .balance_chart .ct-series-a .ct-line {
    stroke: #216996;
}


.ct-target-line {
    stroke: #910a0a;
    stroke-width: 2px;
    stroke-dasharray: 4px;
    shape-rendering: crispEdges;
}

.table {
    margin: auto;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
    font-weight: 600;
}

@media all and (max-width: 768px) {

    h1.title.is-1 {
        font-size: 2.4rem;
        line-height: 1.2;
    }

    h4.title.is-4 {
        font-size: 1.2rem;
        line-height: 1.2;
    }

    .contrib_chart .ct-series-a .ct-bar {
        stroke-width: 15px;
    }

    .section {
        padding: 1.5rem;
    }

    .column {
        padding-bottom: 2rem;
    }

}