@charset "utf-8";
/* CSS Document */

.timeline {}
.timeline .timeline__wrap{}
.timeline .timeline__wrap .timeline__items{}
.timeline .timeline__wrap .timeline__items .timeline__item{}
.timeline .timeline__wrap .timeline__items .timeline__item .timeline__content{ display: flex; margin-bottom:80px;}
.timeline .timeline__wrap .timeline__items .timeline__item .timeline__content .year{ width:30%; color:#111; font-weight:700; font-size: 2em; line-height: 1}
.timeline .timeline__wrap .timeline__items .timeline__item .timeline__content .content{ width:70%}
.timeline .timeline__wrap .timeline__items .timeline__item .timeline__content .content ul{}
.timeline .timeline__wrap .timeline__items .timeline__item .timeline__content .content ul li{ margin-bottom:10px;}
.timeline .timeline__wrap .timeline__items .timeline__item .timeline__content .content ul li .text{ display: flex; line-height: 1.4}
.timeline .timeline__wrap .timeline__items .timeline__item .timeline__content .content ul li .text .month{ width:50px; font-weight:700;}
.timeline .timeline__wrap .timeline__items .timeline__item .timeline__content .content ul li .text .substance{}


@media (max-width: 767px) {
	
	.timeline {}
	.timeline .timeline__wrap{}
	.timeline .timeline__wrap .timeline__items{}
	.timeline .timeline__wrap .timeline__items .timeline__item{}
	.timeline .timeline__wrap .timeline__items .timeline__item .timeline__content{ margin-bottom:40px; flex-direction: column;}
	.timeline .timeline__wrap .timeline__items .timeline__item .timeline__content .year{ width:100%; font-size: 1.5em; margin-bottom: 20px;}
	.timeline .timeline__wrap .timeline__items .timeline__item .timeline__content .content{ width:100%}
	.timeline .timeline__wrap .timeline__items .timeline__item .timeline__content .content ul{}
	.timeline .timeline__wrap .timeline__items .timeline__item .timeline__content .content ul li{ margin-bottom:10px;}
	.timeline .timeline__wrap .timeline__items .timeline__item .timeline__content .content ul li .text{ display: flex;}
	.timeline .timeline__wrap .timeline__items .timeline__item .timeline__content .content ul li .text .month{ width:15%;}
	.timeline .timeline__wrap .timeline__items .timeline__item .timeline__content .content ul li .text .substance{ width:85%; font-size: .9em}

}