/* @group Travel Step
------------------------------------ */
.travel-step { color: var(--timeline-text); }
.travel-step a { color: var(--timeline-text); text-decoration: underline; }
.travel-step h2 { color: var(--timeline-title); font-style: italic; margin: 0 0 4.1rem; }
.travel-step.ver-2 h2 { font-style: italic; }
.travel-step:not(.ver-2) h2 { font-size: 4em; letter-spacing: 6.4px; line-height: 1.1em; margin: 0  0 5rem; }
.travel-step h3 { color: var(--timeline-title); font-size: 3.6em; letter-spacing: 5.76px; line-height: 1.167em; margin: 0 0 1.3rem; }
.travel-step h4 { color: var(--timeline-title); font-size: 1.3em; letter-spacing: 2.08px; line-height: 1.542em; margin: 0 0 1.9rem; }
.travel-step article p { color: var(--timeline-title); margin: 0 0 5rem; }
.travel-step header { display: flex; flex-direction: column-reverse; flex-wrap: wrap; }
.travel-step aside p,
.travel-step aside li { font-size: 1.8em; line-height: 2em; }
.travel-step aside.col-12-3 li { font-family: var(--bilo-font); }
.travel-step:not(.ver-2) aside ul:first-of-type li { font-size: 2em; line-height: 1.8em; }
.travel-step aside p:last-child,
.travel-step aside ul { margin: 0 0 4.9rem; }
.travel-step:not(.ver-2) aside ul:last-child { margin: 0; }
.travel-step.ver-2 aside p { color: var(--text-grey); font-size: 2.4em; line-height: 1.5em; margin: 0 0 1.5rem; }
.travel-step.ver-2 aside small { font-size: 2em; line-height: 1.600em; }
@media only screen
and (min-width : 961px) {
    .travel-step h2 { margin: 0 0 2.4rem; }
    .travel-step:not(.ver-2) h2 { font-size: 7em; letter-spacing: 11.2px; line-height: 1em; margin: 0  0 7.7rem; }
    .travel-step article p { margin: 2.1rem 0 0; max-width: 36.6rem; }
    .travel-step aside { padding-left: 4rem; }
    .travel-step.ver-2 aside small { font-size: 1.6em; line-height: 1.750em; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .travel-step aside li { margin-left: 1rem; }
}

/* @end */