@import url("https://www.google.com/fonts#UsePlace:use/Collection:Open+Sans+Condensed:300");.title.blue p{color:#fff!important}.container.timeline{box-sizing:border-box;color:#fff;height:100%;min-height:100vh;padding:60px 20px 100px;width:100%}.timeline{margin:0 auto;width:100%}.time-headlines,.timeline{clear:both}.time-headlines h2{font-size:40px;font-weight:100;padding:0;text-align:center;width:100%}.block{position:relative;z-index:1}.block.blue:before{background-color:#12acdc;content:"";height:calc(100% - 10px);left:50%;margin-top:35px;position:absolute;width:1px}.title.blue{background:#12acdc;border-radius:40px;margin:70px auto;padding:10px;text-align:center;transition:all .8s ease-in-out;width:100px}.title p{margin:0;padding:0;text-align:center}.event-description{display:flex;overflow:auto;padding:10px}@media only screen and (max-width:700px){.event-description{padding:6px 2px}}@media only screen and (max-width:600px){.event-description{display:flex;flex-direction:column;padding:5px}}@media only screen and (max-width:525px){.event-description{padding:12% 0}}.each-event{background-color:#f8f8f8;border:1px solid BCBCBC;border-radius:30px;box-sizing:border-box;color:#777;margin:-45px 20px;padding:0 15px;position:relative;text-align:center;transition:all .3s ease-in-out;width:400px}@media only screen and (max-width:879px){.each-event{width:300px}}@media only screen and (max-width:700px){.each-event{width:250px}}@media only screen and (max-width:600px){.each-event{width:200px}}@media only screen and (max-width:525px){.each-event{padding:0 10px;width:140px}}.each-event:before{background-color:#e69b00;border-radius:50%;box-shadow:0 4px 20px -4px rgba(64,64,64,.8);content:"";height:16px;left:-27px;position:absolute;top:calc(50% - 8px);width:16px}.each-event:nth-child(odd){margin-left:calc(50% + 19px)!important}.each-event:nth-child(2n){margin-left:calc(50% - 420px)!important}@media only screen and (max-width:879px){.each-event:nth-child(2n){margin-left:calc(50% - 320px)!important}}@media only screen and (max-width:700px){.each-event:nth-child(2n){margin-left:calc(50% - 270px)!important}}@media only screen and (max-width:600px){.each-event:nth-child(2n){margin-left:calc(50% - 220px)!important}}@media only screen and (max-width:525px){.each-event:nth-child(2n){margin-left:calc(50% - 160px)!important}}.each-event:nth-child(2n):before{left:calc(100% + 14px)}.title.non-focus{font-size:24px;line-height:34px;transition:all .8s ease-in-out}.each-event.non-focus{background:#e6e6e6;color:#d2d2d2;margin-top:90px;transform:scaleZ(45deg);transition:all .8s ease-in-out}.each-event.non-focus:before{background-color:#aaa;opacity:0}.event-img{float:left;height:auto;margin:auto;order:1;padding:0 20px 0 0}@media only screen and (max-width:700px){.event-img{padding:0 12px 0 0}}@media only screen and (max-width:600px){.event-img{float:none;text-align:center;width:100%}}.event-img img{height:auto;max-width:120px;min-width:80px}@media only screen and (max-width:879px){.event-img img{max-width:110px;min-width:70px}}@media only screen and (max-width:700px){.event-img img{max-width:100px;min-width:60px}}@media only screen and (max-width:600px){.event-img img{max-width:110px;min-width:70px}}.event-text{margin:auto;order:2}.event-text,.event-text a,.event-text p{text-align:center}@media only screen and (max-width:879px){.event-text a,.event-text p{font-size:16px}}@media only screen and (max-width:525px){.event-text a,.event-text p{font-size:14px}}