/*Content CSS*/
#c2_wrap{overflow: hidden; padding: 100px 0 120px; background: url('../img/c2_bg.jpg') 50% / cover no-repeat;}
.c2_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto; text-align: center;}
.c2_inner h3{font-size: 39px; font-weight: 500; color: #fff; letter-spacing: .98px; }
.c2_inner h3::after{content: ''; display: block; width: 30px; height: 1px; background-color: #fff; margin: 30px auto}
.c2_inner .fs_21{font-size: 21px; font-weight: 300; color: #fff; line-height: 36px; }
.c2_inner .fs_18{font-size: 18px; font-weight: 300; color: rgba(255,255,255,.7); line-height: 33px;}

.c2_inner  p + p{margin-top: 30px;}
.c2_inner a{display: flex; align-items: center; justify-content: center; width: 200px; height: 47px; border: solid 1px #fff; margin: 50px auto 0; transition: .3s;}
.c2_inner a span{font-size: 15px; color: #fff; }
.c2_inner a i{display: block; margin-left: 11px; transition: .3s; position: relative; top: -3px;}
@media screen and (min-width:1025px) {
    .c2_inner a:hover{border-color: #167179; background-color: #167179;}
}
@media screen and (max-width:1280px) {
    #c2_wrap{padding: 100px 0;}
}

@media screen and (max-width: 1024px) {
    #c2_wrap{padding: 50px 0;}
    #c2_wrap br:not(.space){display: none;}
    .c2_inner{padding: 0 30px;}
    .c2_inner h3{font-size: 35px;}
    .c2_inner h3::after{width: 25px; margin: 25px auto}
    .c2_inner .fs_21{font-size: 18px; line-height: 1.7; }
    .c2_inner .fs_18{font-size: 16px; line-height: 1.7;}
    .c2_inner  p + p{margin-top: 20px;}
    .c2_inner a{height: 40px; margin-top: 40px;}
    .c2_inner a span{font-size: 14px;}

}

@media screen and (max-width: 640px) {
    .c2_inner{padding: 0 20px;}
    .c2_inner h3{font-size: 28px;}
    .c2_inner h3::after{width: 20px; margin: 20px auto}
    .c2_inner .fs_21{font-size: 17px;}
    .c2_inner .fs_18{font-size: 15px;}
    .c2_inner  p + p{margin-top: 15px;}
    .c2_inner a{width: 100%; margin-top: 30px;}
    .c2_inner a span{font-size: 13px;}

}