/* Header */

.intro-header {
    background: no-repeat center center;
    background-color: var(--color-accent);
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    margin: auto auto 0 auto !important;
    margin-bottom: 0px;
    /* 0 on mobile, modify by Hux */
}

/*e.g. 404*/
.page-fullscreen .intro-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 768px) {
    .intro-header {
        margin-bottom: 20px;
    }
}

.intro-header .site-heading {
    padding: 85px 0 55px;
    color: white;
}

@media only screen and (min-width: 768px) {
    .intro-header .site-heading {
        padding: 100px 0;
    }
}

.intro-header .site-heading {
    padding: 95px 0 70px;
}

@media only screen and (min-width: 768px) {
    .intro-header .site-heading {
        padding: 100px 0;
    }
}

.intro-header .site-heading {
    text-align: center;
}

.intro-header .site-heading h1 {
    margin-top: 0;
    font-size: 50px;
}

.intro-header .site-heading .subheading {
    /* Hux learn from
     *     TypeIsBeautiful,
     *     [This Post](http://zhuanlan.zhihu.com/ibuick/20186806) etc.
     */
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Arial",
        "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei",
        "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC",
        "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC",
        "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
    line-height: 1.7;
    font-size: 18px;
    line-height: 1.1;
    display: block;
    font-weight: 300;
    margin: 10px 0 0;
}

@media only screen and (min-width: 768px) {
    .intro-header .site-heading h1 {
        font-size: 80px;
    }
}
