#conference-timeline{position:relative;max-width:920px;width:100%;margin:0 auto}#conference-timeline .timeline-start,#conference-timeline .timeline-end{display:table;font-family:Roboto,sans-serif;font-size:18px;font-weight:900;text-transform:uppercase;background:#00b0bd;padding:15px 23px;color:#fff;max-width:30%;width:100%;text-align:center;margin:0 auto;border-radius:25px}.timeline-tutorials{display:table;font-family:Roboto,sans-serif;font-size:18px;font-weight:900;background:#3E1F47;padding:20px 30px;color:#fff;max-width:30%;width:100%;text-align:center;margin:0 auto;border-radius:25px}#conference-timeline .conference-center-line{position:absolute;width:3px;height:100%;top:0;left:50%;margin-left:-2px;background:#00b0bd;z-index:-1}#conference-timeline .conference-timeline-content{padding-top:67px;padding-bottom:67px}.timeline-article{width:100%;height:100%;position:relative;overflow:hidden;margin:20px 0}.timeline-article .content-left-container,.timeline-article .content-right-container{max-width:44%;width:100%}.timeline-article .timeline-author{display:block;font-weight:400;font-size:14px;line-height:24px;color:#3e1f47;text-align:right}.timeline-article .content-left,.timeline-article .content-right{position:relative;width:auto;border:1px solid #ddd;background-color:#fff;box-shadow:0 1px 3px #00000008;padding:27px 25px}.timeline-article p{margin:0 0 0 60px;padding:0;font-weight:400;color:#3e1f47;font-size:14px;line-height:24px;position:relative}.timeline-article h3{font-weight:700;color:#40b6c5;font-size:24px}.timeline-article p span.article-number{position:absolute;font-weight:300;font-size:44px;top:10px;left:-60px;color:#00b0bd}.timeline-article .content-left-container{float:left}.timeline-article .content-right-container{float:right}.timeline-article .content-left:before,.timeline-article .content-right:before{position:absolute;top:20px;font-size:23px;font-family:FontAwesome;color:#fff}.timeline-article .content-left:before{content:"";right:-8px}.timeline-article .content-right:before{content:"";left:-8px}.timeline-article .meta-step{position:absolute;top:0;left:50%;width:80px;height:80px;margin-left:-40px;color:#fff;border-radius:100%;background:#00b0bd}.timeline-article .meta-step .step,.timeline-article .meta-step .step-number{padding-top:3px;display:block;text-align:center;font-weight:900}.timeline-article .meta-step .step{font-size:18px;line-height:40px}.timeline-article .meta-step .step-number{font-size:30px;line-height:10px}@media only screen and (max-width: 830px){#conference-timeline .timeline-start,#conference-timeline .timeline-end,#conference-timeline .timeline-tutorials{margin:0;max-width:80%}#conference-timeline .conference-center-line{margin-left:0;left:50px}.timeline-article .meta-step{margin-left:-10px;left:20px}.timeline-article .content-left-container,.timeline-article .content-right-container{max-width:100%;width:auto;float:none;margin-left:110px;min-height:53px}.timeline-article .content-left-container{margin-bottom:20px}.timeline-article .content-left,.timeline-article .content-right{padding:10px 25px;min-height:65px}.timeline-article .content-left:before{content:"";right:auto;left:-8px}.timeline-article .content-right:before{display:none}}@media only screen and (max-width: 400px){.timeline-article p{margin:0}.timeline-article p span.article-number{display:none}}