figure{height:550px;background:url(/i/ss/1.jpg) 50% 0 no-repeat;background-size:contain;overflow:hidden;animation:a 30s infinite steps(1);}
figure>div{width:100%;height:100%;background:50% 0 no-repeat;background-size:contain;animation:b 30s infinite steps(1),c 30s infinite cubic-bezier(.8,.2,1,1)}
figure img{width:100%;animation:d 1s 1 steps(1) forwards}
@keyframes d{0%{opacity:0}100%{opacity:0}}
@keyframes a{
5%{background-image:url(/i/ss/6.jpg)}
25%{background-image:url(/i/ss/7.jpg)}
45%{background-image:url(/i/ss/8.jpg)}
65%{background-image:url(/i/ss/9.jpg)}
85%{background-image:url(/i/ss/10.jpg)}
}
@keyframes b{
0%{background-image:url(/i/ss/1.jpg)}
15%{background-image:url(/i/ss/2.jpg)}
35%{background-image:url(/i/ss/3.jpg)}
55%{background-image:url(/i/ss/4.jpg)}
75%{background-image:url(/i/ss/5.jpg)}
95%{background-image:url(/i/ss/1.jpg)}
}
@keyframes c{
0%{opacity:1}
9%{opacity:1}
11%{opacity:0}
19%{opacity:0}
21%{opacity:1}
29%{opacity:1}
31%{opacity:0}
39%{opacity:0}
41%{opacity:1}
49%{opacity:1}
51%{opacity:0}
59%{opacity:0}
61%{opacity:1}
69%{opacity:1}
71%{opacity:0}
79%{opacity:0}
81%{opacity:1}
89%{opacity:1}
91%{opacity:0}
98%{opacity:0}
100%{opacity:1}
}
article{clear:both}
section{display:inline-block;max-width:300px;*margin-right:50px;vertical-align:top}
h1{margin-bottom:26px}
h2{margin:0 0 -2px}
p{margin:21px 0}
footer{margin-top:10px}
body.grd article>div{margin:0 0 70px}
@media (min-width:1100px){figure div>img{height:550px !important}}
@media (max-width:1050px){figure{height:515px}#ss>div,#ss>div>div:first-child,#ss>div>div:first-child div{height:515px !important}}
@media (max-width:1024px){figure{height:502px}#ss>div,#ss>div>div:first-child,#ss>div>div:first-child div{height:502px !important}}
@media (max-width:1000px){figure{height:490px}#ss>div,#ss>div>div:first-child,#ss>div>div:first-child div{height:490px !important}section{max-width:280px}}
@media (max-width:950px){figure{height:465px}#ss>div,#ss>div>div:first-child,#ss>div>div:first-child div{height:465px !important}}
@media (max-width:900px){figure{height:440px}#ss>div,#ss>div>div:first-child,#ss>div>div:first-child div{height:440px !important}section{max-width:260px}}
@media (max-width:850px){figure{height:415px}#ss>div,#ss>div>div:first-child,#ss>div>div:first-child div{height:415px !important}section{max-width:240px}}
@media (max-width:800px){figure{height:390px}#ss>div,#ss>div>div:first-child,#ss>div>div:first-child div{height:390px !important}section{max-width:100%}section+section{margin-top:30px}}
@media (max-width:600px){figure{height:287px}#ss>div,#ss>div>div:first-child,#ss>div>div:first-child div{height:287px !important}}
body.grd{text-align:justify;-ms-text-align-last:justify;text-align-last:justify;}
body.grd section{display:inline-block}
body.grd section *,footer,h1,body>h2,body,p{text-align:left;-ms-text-align-last:left;text-align-last:left;}
body.grd article>div{display:inline-block;width:500px;font-size:2em;text-align:center;vertical-align:middle}
body.grd.c3 article>div{width:30%;max-width:300px}
body.grd.c3 article>div img{width:100%;max-width:300px}