#d3-obp-container {
    width: 100%;
}

#d3-obp {
    width: 100%;
    height: 4800px;
}

#d3-obp-title h3 {
    text-align: center;
    color: #77bdee;
}

#d3-obp-title p {
    text-align: center;
}

#x-axis-label {
    text-anchor: middle;
    font-size: 12px;
}

line.y-axis-line {
    stroke: #dadada;
}

#y-axis g.tick text {
    font-size: 14px;
}

#y-axis path.domain {
    stroke: none;
}

text.legend {
    font-size: 12px;
}

text.stat-line1, text.stat-line2 tspan {
    font-size: 12px;
}

circle.film {
    stroke: #C3C3C3;
    stroke-width: 1.5px;
    fill: #D4D4D4;
    cursor: pointer;
}

@media (max-width: 840px) {
    circle.film {
        stroke-width: 0.5px;
    }
}

circle.film.oscars-nom {
    fill: #E35DEF;
    stroke: #515151;
}

circle.film.oscars-win {
    fill: #FFDD0A;
    stroke: #515151;
}