*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}section.timeline h1{font-size:2.5rem}.timeline ul{background:transparent;padding:50px 0}.timeline ul li{list-style-type:none;position:relative;width:6px;margin:0 auto;padding-top:50px;background:#fff}.timeline ul li::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:inherit}.timeline ul li div{position:relative;bottom:0;width:400px;padding:15px;background:#f9f9f9}.timeline ul li div::before{content:'';position:absolute;bottom:7px;width:0;height:0;border-style:solid}.timeline ul li:nth-child(odd) div{left:45px}.timeline ul li:nth-child(odd) div::before{left:-15px;border-width:8px 16px 8px 0;border-color:transparent #e9e9e9 transparent transparent}.timeline ul li:nth-child(even) div{left:-439px}.timeline ul li:nth-child(even) div::before{right:-15px;border-width:8px 0 8px 16px;border-color:transparent transparent transparent #e9e9e9}time{display:block;font-size:1.2rem;font-weight:bold;margin-bottom:8px}.timeline ul li::after{transition:background .5s ease-in-out}.timeline ul li.in-view::after{background:#e9e9e9}.timeline ul li div{visibility:hidden;opacity:0;transition:all .5s ease-in-out}.timeline ul li:nth-child(odd) div{transform:translate3d(200px,0,0)}.timeline ul li:nth-child(even) div{transform:translate3d(-200px,0,0)}.timeline ul li.in-view div{transform:none;visibility:visible;opacity:1}@media screen and (max-width:900px){.timeline ul li div{width:250px}.timeline ul li:nth-child(even) div{left:-289px}}@media screen and (max-width:600px){.timeline ul li{margin-left:20px}.timeline ul li div{width:calc(100vw - 91px)}.timeline ul li:nth-child(even) div{left:45px}.timeline ul li:nth-child(even) div::before{left:-15px;border-width:8px 16px 8px 0;border-color:transparent #e9e9e9 transparent transparent}}