#klienci-o-nas .bubble,
#przebieg-projektu .timeline .bubble { background-color: var(--gold-bubble); }

#klienci-o-nas .bubble + .triangle { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; }

#przebieg-projektu .timeline .bubble + .triangle { width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; }

#klienci-o-nas .bubble + .triangle.top { border-top: 20px solid var(--gold-bubble); }

#przebieg-projektu .timeline .bubble + .triangle.left { border-right: 20px solid var(--gold-bubble); }

#przebieg-projektu .timeline .bubble + .triangle.right { border-left: 20px solid var(--gold-bubble); }

#przebieg-projektu .timeline .line { width: 1px; height: 40px; background-color: var(--gold); position: relative; }

#przebieg-projektu .timeline .line .dot { width: 20px; height: 20px; background-color: var(--fire); border: 4px solid white; position: absolute; left: calc(50% - 10px); top: calc(50% - 10px); }

#przebieg-projektu .timeline .bubble + .triangle,
#przebieg-projektu .timeline .row:last-child .col-sm-2 { display: none; }

#klienci-o-nas .bubble.description { font-size: 20px; }

#przebieg-projektu .timeline .bubble .description { font-size: 16px; }

@media (min-width: 576px) {
    #przebieg-projektu .timeline .line { height: 100%; }
    #przebieg-projektu .timeline .bubble + .triangle,
    #przebieg-projektu .timeline .row:last-child .col-sm-2 { display: block; }
}