@charset "utf-8";


.timeline {
width: 70vw;
margin: 2em auto;
font-family: sans-serif;
}

img {
width: 150px;
}

.left {
float: left;
margin: 0 0.5em 0.5em 0;
}

.right {
float: right;
margin: 0 0 0.5em 0.5em;
}


.timeline__content {
min-height: 250px;
background-color: #e8f9ff !important;

box-shadow: -1px 1px 4px 0px rgba(0, 0, 0, 0.2);
}

.timeline__item--right .timeline__content::after {
border-right: 11px solid #FFF8ED !important;
}

.timeline__content a {
display: block;
}

.timeline__content a img {
vertical-align: top;
width: 8em;
}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

}

@media (max-width: 991px) {

}