@media (min-width:1000px){#timeline .demo-card:nth-child(2n) .head:after,#timeline .demo-card:nth-child(odd) .head:after{border-bottom:15px solid transparent;border-top:15px solid transparent;content:"";height:0;position:absolute;width:0}#timeline .demo-card:nth-child(2n) .head:before,#timeline .demo-card:nth-child(odd) .head:before{background-color:#bdbdbd;border-radius:9px;box-shadow:0 0 2px 8px #fff;content:"";height:9px;position:absolute;width:9px}}.demo-card:first-child{order:1}.demo-card:nth-child(2){order:4}.demo-card:nth-child(3){order:2}.demo-card:nth-child(4){order:5}.demo-card:nth-child(5){order:3}.demo-card:nth-child(6){order:6}*{box-sizing:border-box}body{font-family:Roboto}#timeline{background:#fff;border-bottom:none;border-top:none;padding:0}#timeline h1{font-size:3rem;font-weight:200;margin-bottom:20px;text-align:center}#timeline p.leader{margin:auto auto 45px;max-width:90%;text-align:center}#timeline .demo-card-wrapper{margin:auto;position:relative}@media (min-width:1000px){#timeline .demo-card-wrapper{display:flex;flex-flow:column wrap;height:1650px;margin:0 auto;width:990px}}#timeline .demo-card-wrapper:after{border-left:none;bottom:0;content:"";left:50%;position:absolute;top:0;z-index:1}@media (min-width:1000px){#timeline .demo-card-wrapper:after{border-left:1px solid #bdbdbd}}#timeline .demo-card{display:block;margin:10px auto 80px;max-width:94%;position:relative;z-index:2}@media (min-width:480px){#timeline .demo-card{box-shadow:0 1px 22px 4px rgba(0,0,0,.07);max-width:100%}}@media (min-width:720px){#timeline .demo-card{max-width:100%}}@media (min-width:1000px){#timeline .demo-card{height:400px;margin:45px 0;max-width:450px}#timeline .demo-card:nth-child(odd){margin-right:45px}#timeline .demo-card:nth-child(odd) .head:after{border-left-style:solid;border-left-width:15px;left:100%}#timeline .demo-card:nth-child(odd) .head:before{left:491.5px}#timeline .demo-card:nth-child(2n){margin-left:45px}#timeline .demo-card:nth-child(2n) .head:after{border-right-style:solid;border-right-width:15px;right:100%}#timeline .demo-card:nth-child(2n) .head:before{right:489.5px}#timeline .demo-card:nth-child(2){margin-top:180px}}#timeline .demo-card .head{align-items:center;color:#fff;display:flex;font-weight:400;position:relative}#timeline .demo-card .head .number-box{background:rgba(0,0,0,.17);display:inline;float:left;font-size:35px;font-weight:600;line-height:35px;margin:15px}#timeline .demo-card .head h2{font-size:1rem;font-weight:inherit;letter-spacing:2px;line-height:1rem;margin:0;padding-bottom:6px;text-transform:none}@media (min-width:480px){#timeline .demo-card .head h2{font-size:125%;line-height:1.2rem}}#timeline .demo-card .head h2 span{display:block;font-size:.6rem;margin:0 0 5px}@media (min-width:480px){#timeline .demo-card .head h2 span{font-size:.8rem}}#timeline .demo-card .body{background:#fff;border:none;border-top:0;padding:15px}@media (min-width:1000px){#timeline .demo-card .body{height:auto}}#timeline .demo-card .body p{font-size:14px;line-height:18px;margin-bottom:15px}#timeline .demo-card .body img{display:block;height:250px;-o-object-fit:cover;object-fit:cover;width:100%}#timeline .demo-card--step1{background-color:#46b8e9}#timeline .demo-card--step1 .head:after{border-color:#46b8e9}#timeline .demo-card--step2{background-color:#3ee9d1}#timeline .demo-card--step2 .head:after{border-color:#3ee9d1}#timeline .demo-card--step3{background-color:#ce43eb}#timeline .demo-card--step3 .head:after{border-color:#ce43eb}#timeline .demo-card--step4{background-color:#4d92eb}#timeline .demo-card--step4 .head:after{border-color:#4d92eb}#timeline .demo-card--step5{background-color:#46b8e9}#timeline .demo-card--step5 .head:after{border-color:#46b8e9}