body {
    text-align: center;
}

.container-fluid {
    padding: 2% 5%;
    width: 60%;
}

nav .container-fluid {
    width: 100%;
    padding: 1% 6%;
}
hr {
    /* width: 80%; */
    margin: 5% auto;
}



.brand-title {
    font-weight: bold;
}
.nav-link {
    font-size: 1.0rem;
    color: black;
}

#intro-title .container-fluid {
    padding: 6% 10% 2%;
}

#article  .article-image {
    width: 94%;
}
.intro-title-center {
    /* width: 85%; */
    line-height: 1.5;
    margin: 2% auto;
}
.intro-title-p {
    /* width: 60%; */
    text-align: left;
    line-height: 1.5;
    margin: 3% auto;
    /* padding: 0 10%; */
}

.intro-title-image-quote {
    font-size: 0.8rem;
    text-align: left;
    margin: 1% auto;
    /* padding: 0 10%; */
}

.intro-title-image-yinyong {
    font-weight: bold;
    text-align: left;
    margin: 1% auto;
    /* padding: 0 10%; */
    border-left: solid 2px;
    padding-left: 10px;

}

.intro-title-h3 {
    /* width: 60%; */
    text-align: left;
    margin: 7% auto 1%;
    /* padding: 0 10%; */
}

#intro-title img {
    margin: 5% auto 0;
}

/* article */
.article-heading-image {
    
}
.article-title-image {
    width: 100%;
    margin-top: 3%;
}

@media (max-width: 992px) {
    .container-fluid {
        padding: 2% 5%;
        width: 95%;
    }
}

/* contact */
#contact {
    width:94%;
    margin: 0 auto;
}

#contact .article-image{
    width: 94%;
    background-color: rgb(245, 247, 247);
    padding-top: 5%;
    padding-bottom: 5%;
}

.row {
    width: 50%;
    margin: 0 auto;
}