/* CSS Document */

#footer{padding:2rem;background:#e8e9ec}
#footer .wrap{display:flex;justify-content:space-between}
#footer .menu{width:30%}
#footer h2{font-size:1.5rem;font-weight:500;padding-bottom:1rem}
#footer li{font-size:1rem;border-bottom:1px solid rgba(0,0,0,.12);overflow:hidden}
#footer li:first-child{border-top:1px solid rgba(0,0,0,.12)}
#footer li a{padding:.6rem 0;float:left;font-size:.9rem}

footer{background:#2c2b2e;color:#fff;padding:2rem}
footer ul,footer li,footer p{margin:0;padding:0;list-style:none}
footer .menu ul{display:flex;align-items:center;line-height:1;font-size:.9rem}
footer .menu li{border-left:2px solid rgba(255,255,255,.3);padding:0 1em}
footer .menu li:first-child{border:0;padding-left:0}
footer .menu a{color:#fff;font-weight:700}
footer .menu a:hover{color:#fff}
footer .info{margin-top:1rem;display:flex;justify-content:space-between}
footer .info p:last-child,footer .info p:last-child a{font-size:.825rem;color:rgba(255,255,255,.3)}

#footer a:hover,footer a:hover{text-decoration:underline}

.video-wrap,.news-wrap,.about-wrap{width:100%;padding:4rem 2rem;box-sizing:border-box}

.about-title{text-align:center}
.about-title h2{font-size:2.4rem;line-height:1.2em}
.about-title h2::after{content:'';display:block;width:3em;height:4px;overflow:hidden;background:#d72113;overflow:hidden;clear:both;margin:1.5rem auto}

.about-main{display:flex;align-items:center;padding:1rem 10% 0;justify-content:space-between}
.about-main .cover{width:40%}
.about-main .cover img{display:block;width:100%}
.about-main .content{width:50%;font-size:1.1rem;line-height:1.5}
.about-main .btns{margin-top:2rem;clear:both;display:flex}

@media (max-width: 1199px) {
    #footer .wrap{flex-wrap:wrap}
    #footer .menu{width:48%;margin-bottom:1rem}
    footer .menu li:nth-child(2),footer .menu li:nth-child(3),footer .menu li:nth-child(4){display:none}
    footer .info p:last-child, footer .info p:last-child a{display:none}

    .about-main{flex-wrap:wrap}
    .about-main .cover{width:100%;margin:0 auto}
    .about-main .content{width:100%;margin-top:1rem}
    .about-main .btns a{margin:0 auto}
}
@media (max-width: 425px) {
    #footer h2{font-size:1.35rem}
    #footer .menu{width:100%;margin-bottom:2rem}
}