html, body {
    height: 100%;
    margin: 0;
}
@font-face {
    font-family: EngFont;
    src: url(./fonts/Cinzel-Black.ttf);
}
@font-face {
    font-family: CHTFont;
    src: url(./fonts/NotoSansCJKtc-Regular.otf);
}
.font-eng {
    font-family: EngFont;
    font-size: 20px;
}
.font-cht {
    font-family: CHTFont;
    font-size: 20px;
}

.nav {
    margin-bottom: 20px;
}
.bg-nav-color {
    background-color: #fafafb;
    box-shadow: 0px 1px 0px #e3e3e3;
}

.container {
    min-height: 100%;
    margin: 0 auto;
}

.footer {
    background-color: #f5f5f5;
    margin-top: 20px;
}

.modal-lg {
    max-width: 90%;
}

@media only screen and (min-width: 768px) {
    .grid-column {
        border-left: 5px solid;
    }
    .grid-column:last-child {
        border-right: 5px solid;
    }
}

@media only screen and (max-width: 767px) {
    .grid-column {
        padding: 10px;
        border-bottom: 1px solid;
    }
    .grid-column:last-child {
        border-bottom: 0px;
    }
}