.c3 svg { font-size: 16px; font-weight: bold; }

@media screen and (max-width: 767px) { .c3 svg { font-size: 2.66667vw; } }

.c3 svg g .tick { stroke-width: 2px; }

.c3-line { stroke-width: 2px; }

.c3-chart-lines { -webkit-transform: translateX(5px); transform: translateX(5px); }

@media screen and (max-width: 767px) { .c3-chart-lines { -webkit-transform: translateX(1.2vw); transform: translateX(1.2vw); } }

.c3-axis-y .domain { stroke-width: 0; }

.c3-axis-y .tick text { font-size: 16px; }

@media screen and (max-width: 767px) { .c3-axis-y .tick text { font-size: 2.66667vw; } }

.c3-axis-y .tick:nth-child(odd) text { font-weight: normal; }

@media screen and (max-width: 767px) { .c3-axis-y .tick:nth-child(odd) text { font-size: 2.66667vw; } }

.c3-axis-y .tick line { stroke-width: 0; }

.c3-axis-x { -webkit-transform: translate(5px, 425px); transform: translate(5px, 425px); }

@media screen and (max-width: 767px) { .c3-axis-x { -webkit-transform: translate(1.2vw, 460); transform: translate(1.2vw, 460); } }

.c3-axis-x .domain { stroke-width: 2px; }

@media screen and (max-width: 767px) { .c3-axis-x .domain { font-size: 0.66667vw; } }

.c3-grid-lines { -webkit-transform: translateX(5px); transform: translateX(5px); }

@media screen and (max-width: 767px) { .c3-grid-lines { -webkit-transform: translateX(1.2vw); transform: translateX(1.2vw); } }

.c3-xgrid-line line { stroke-dasharray: 2 4; }

@media screen and (max-width: 767px) { .c3-xgrid-line line { stroke-dasharray: 1 3; } }

.c3-circles circle { stroke: #fff; stroke-width: 2; }