.season{text-align:center}
@media print,screen and (min-width:768px){
.season{display:flex}
.seasonItem:not(:first-child){position:relative;padding-left:10px;margin-left:10px}
.seasonItem:not(:first-child):before{position:absolute;content:"";width:1px;height:calc(100% - 4.2em);background-color:#222;left:0;top:2em}
.seasonItem__text{margin-top:10px}
}
@media print,screen and (max-width:767px){
.seasonItem{margin-top:15px;padding-top:15px;border-top:1px solid #222}
.seasonItem__title{font-size:110%}
.seasonItem__text{margin-top:8px}
.seasonItem__img{margin-top:12px;display:flex;justify-content:center}
.seasonItem__img .photo:not(:first-child){margin-left:10px}
.margin-mini{margin-top:20px!important}
}

/* slide p2 - p5 */
.slide{position:relative;}
.slide.p2 img{opacity:0;animation:slideP2 10s linear infinite}
.slide.p3 img{opacity:0;animation:slideP3 15s linear infinite}
.slide.p4 img{opacity:0;animation:slideP4 20s linear infinite}
.slide.p5 img{opacity:0;animation:slideP5 25s linear infinite}
.slide img:nth-of-type(n+2){position: absolute;left:50%;top:0;transform:translate(-50%,0)}
.slide img:nth-of-type(2){animation-delay:5s}
.slide img:nth-of-type(3){animation-delay:10s}
.slide img:nth-of-type(4){animation-delay:15s}
.slide img:nth-of-type(5){animation-delay:20s}
@keyframes slideP2{
0%{opacity:0}
8%{opacity:1}
42%{opacity:1}
50%{opacity:0}
100%{opacity:0}
}
@keyframes slideP3{
0%{opacity:0}
4%{opacity:1}
29%{opacity:1}
33%{opacity:0}
100%{opacity:0}
}
@keyframes slideP4{
0%{opacity:0}
3%{opacity:1}
22%{opacity:1}
25%{opacity:0}
100%{opacity:0}
}
@keyframes slideP5{
0%{opacity:0}
2%{opacity:1}
18%{opacity:1}
20%{opacity:0}
100%{opacity:0}
}