/*body{*/
/*    background-color: #000;*/
/*    font-weight: normal;*/
/*    font-size: 16px;*/
/*    line-height: 24px;*/
/*    font-family: DINPro,Helvetica,Arial,Sans-Serif;*/
/*    color: rgba(255,255,255,.8);*/
/*    letter-spacing: 1px;*/
/*}*/
/*h1,h2,h3,h4,h5,h6{*/
/*    color: #fff;*/
/*}*/
a.active{
    color: #4AA0E3!important;
}
.a1{
    background: #222 url('../img/bg1.webp') center center no-repeat;
    height: 100vh;
    max-height: 1080px;
    background-size: cover;
}
.a11{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 793px;
}
.a2{
    background: #222 url('../img/bg2.webp') center center no-repeat;
    height: 100%;
    max-height: 1066px;
    padding: 20px 0;
    background-size: cover;
    overflow: hidden;
}
.a22{
    background-color: rgba(255,255,255,.1);
}
.a21{
    padding: 20px;
    width: 90%;
    margin: auto;
}
.a23{
    display: inline-block;
    width: 100%;
    max-width: 511px;
}

.b1{
    background: #222 url('../img/bg3.webp') center center no-repeat;
    height: 100vh;
    max-height: 733px;
    background-size: cover;

}
.b1 h5{
    margin-bottom: 1rem;
}
.img-wrapper{
    column-count: 1;
    column-gap: 10px;
    counter-reset: count;
    width: 360px;
    margin: 0 auto;
}
.img-wrapper>li{
    position: relative;
    margin-bottom: 10px;
    list-style: none;
}
.img-wrapper>li>img{
    width: 100%;
    height: auto;
    vertical-align: middle;
}
.c1 p{
    margin-bottom: 0.5rem;
}
.a0{
    text-align: center;
}

@media (min-width: 768px) {
    .mt_1{
        margin-top: -30px;
    }
    .a2{
        padding: 150px 0;
    }

    .a21{
        padding: 90px;
    }
    .img-wrapper{
        column-count: 3;
        width: 80%;
    }
    .a0{
        text-align: left;
    }
}