.history{width:100%;margin:60px 0 0;padding:0}.year{margin:0;padding:0;list-style:none;position:relative}.year::before{content:'';width:1px;height:100%;background-color:#394755;position:absolute;top:0;left:340px}.year__item{margin:0 0 40px;padding:0;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;position:relative}.year__item:last-of-type{margin:0}.year__item--num{width:200px;color:#394755;font-size:1.125rem;text-align:center}.year__item--num span{font-size:1.875rem;font-family:"Bree Serif",serif;display:block}@media (max-width: 1000px){.year::before{left:140px;z-index:-1}.year__item{margin:0 0 20px;flex-direction:column}.year__item--num{width:100%;margin:0 0 20px;padding:10px 20px;color:#FFF;text-align:right;line-height:1.0;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;background-color:#394755;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.year__item--num span{font-size:1.5rem}}.date{width:calc(100% - 200px);margin:0;padding:0;list-style:none}.date__item{margin:0 0 10px;padding:0;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;position:relative}.date__item:last-of-type{margin:0}.date__item--num{width:140px;font-size:1.125rem;position:relative}.date__item--num::after{content:'';width:20px;height:20px;background-color:#FFF;border:4px solid #394755;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;right:-10px;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.date__item--right{width:calc(100% - 140px);margin:0;padding:0 0 0 40px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;justify-content:space-between;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.date__item--right p{font-size:1.125rem}@media (max-width: 1000px){.date{width:100%}}@media (max-width: 800px){.date__item{margin:0 0 20px}.date__item--right{flex-direction:column;align-items:flex-start}}@media (max-width: 540px){.date__item--right img{width:100%;height:auto}}
