@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');
.container-fluid {padding: 0;}
.page-content { line-height:22px; word-break: keep-all; word-wrap: break-word; text-align: center;}
.page-content p { margin:0 0 15px; padding:0; }
.page-content .slogan { font-size:25px; letter-spacing:-1px; margin-bottom:15px; line-height:34px; }
.page-content .slogan i { font-size:17px; vertical-align:top; margin-top:6px; }
.page-content section {
    padding: 80px 0;
}
.page-content .en {
    font-family: 'Lobster', cursive;
}
.page-content hr {
    width: 420px;
}
.page-content .about-us-title h1 {
    color: #c56a22;
}
.page-content .about-us-title h1 hr {
    border-top: 3px solid #c56a22;
}
.page-content .about-us-title h4 {
    line-height: 30px;
}
.page-content .about-us {
    background: radial-gradient(black 15%, transparent 16%) 0 0,
    radial-gradient(black 15%, transparent 16%) 8px 8px,
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color:#282828;
    background-size:16px 16px;
    color: #fff;
}
.page-content .about-us h1 {
    padding-bottom: 30px;
}
.page-content .about-us h1 hr {
    border-top: 3px solid #fff;
}
.page-content .about-us h4 {
    line-height: 35px;
}
@media all and (max-width:767px) {
    .page-content section {
        padding: 15px 0;
    }
    .page-content .about-us-title h1.en, .page-content .about-us h1.en {
        font-size: 8vw;
    }
    .page-content .about-us-title h4 {
        font-size: 4vw;
    }
    .page-content h2 {
        font-size: 7vw;
    }
    .page-content h4 {
        font-size: 4vw;
    }
}