*{box-sizing:border-box}body{font-family:Lato}.timeline{position:relative;max-width:1200px;margin:0 auto}.timeline::after{content:'';position:absolute;width:1px;background-color:rgba(191,191,191,0.4);top:0;bottom:0;left:50%}.container{padding:10px 20px;position:relative;background-color:inherit;width:50%}.container::after{content:'';position:absolute;width:9px;height:9px;right:-6px;background-color:#bdbdbd;box-shadow:0px 0px 2px 8px #fff;top:58px;border-radius:50%;z-index:1}.container:nth-child(odd){left:0}.container:nth-child(even){left:50%}.container:nth-child(even)::after{left:-3px}.content{background-color:var(--arrow-color-var);position:relative;display:block;margin:10px auto 5px;max-width:94%;z-index:2}.container:nth-child(odd) .content .head::after{left:100%;top:50%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:transparent transparent transparent var(--arrow-color-var);border-width:15px;margin-top:-15px}.container:nth-child(even) .content .head::after{right:100%;top:50%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-right-color:var(--arrow-color-var);border-width:15px;margin-top:-15px}.content .head{position:relative;display:flex;align-items:center;color:#fff;font-weight:400}.content .head .number-box{display:inline;float:left;margin:15px;padding:10px;font-size:35px;line-height:35px;font-weight:600;background:rgba(0,0,0,0.17)}.content .head h2{display:inline;text-transform:uppercase;font-size:1.3rem;font-weight:inherit;letter-spacing:2px;margin:0;padding-bottom:6px;line-height:1rem;color:#fff}.content .head h2 span{display:block;font-size:.6rem;margin:0}.content .body{background:#fff;border:1px solid rgba(191,191,191,0.4);border-top:0;padding:15px}@media screen and (max-width:720px){.timeline::after{left:31px}.container{width:100%;padding-left:70px;padding-right:25px}.container:nth-child(odd) .content .head::after{left:unset;top:50%;right:100%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-right-color:var(--arrow-color-var);border-width:15px;margin-top:-15px}.container:nth-child(odd)::after,.container:nth-child(even)::after{left:27px}.container:nth-child(even){left:0}}@media screen and (max-width:400px){.content .head h2{letter-spacing:unset}}