.timeline{position:relative;max-width:800px;margin:0 auto}.maincontent p{font-size:16px;margin-bottom:0}.timeline::after{content:'';position:absolute;width:6px;background-color:#00aad4;top:55px;bottom:0;left:0;margin-left:0}.timeContainer{clear:both;padding:10px 40px;position:relative;background-color:inherit;width:100%}.timeContainer::before{content:'';position:absolute;width:20px;height:20px;left:-7px;background-color:#fff;border:4px solid #00aad4;top:33px;border-radius:50%;z-index:1}.timeContainer.robust::before{top:45px}.timeContainer.robustImg::before{top:43px}.left{left:0}.right{left:50%}.left img,.right img{display:block;margin:0 auto 25px}.left::before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:27px;border:thin solid #00aad4;border-width:13px 0 13px 13px;border-color:transparent transparent transparent #00aad4}.right::before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:27px;border:medium solid #00aad4;border-width:13px 13px 13px 0;border-color:transparent #00aad4 transparent transparent}.right::after{left:-12px;top:20px}.left::after{right:-12px;top:20px}.timeContainer.robust .content,.timeContainer.robustImg .content{padding:20px 15px 10px 30px;position:relative;border-radius:6px;background-color:#f0f2f4}.timeContainer.robust h2,.timeContainer.robustImg h2{display:block;margin-top:12px;margin-bottom:0;color:#fff;padding-left:30px}.timeContainer.robustImg span{display:block}.timeContainer.robustImg img{display:block}.timeContainer .content{padding:20px 15px 10px 30px;overflow:hidden}.eventInfo h2,.eventInfoImg h2{display:inline;margin-right:5px}.eventInfo p,.eventInfoImg p{display:inline}.eventInfoGraphic{max-width:100px;margin:auto}.fill{display:flex;justify-content:center;align-items:center;overflow:hidden}.fill img{flex-shrink:0;min-width:100%;min-height:100%}@media screen and (min-width:600px){.timeline{margin-left:30px}}@media screen and (min-width:992px){.timeline{margin-left:auto}}@media screen and (max-width:992px){.eventInfoGraphic,.timeContainer.robustImg img{margin:15px auto auto auto}}@media screen and (max-width:1200px){.eventInfoGraphic,.timeContainer img{margin:0 auto auto auto}}@media screen and (max-width:600px){.timeline::after{left:31px}.timeContainer{width:100%;padding-left:70px;padding-right:25px}.timeContainer::before{left:22px}.left::after,.right::after{left:18px}.right{left:0}}