/* General settings */
.progress-bar {
    position: fixed;
    height: 8px;
    left: 0;
    z-index: 98;
    background: var(--gradient-color-2);
    -moz-transition: top var(--head-foot-basic-timing); 
    -o-transition: top var(--head-foot-basic-timing); 
    transition: top var(--head-foot-basic-timing);
    -webkit-transition: top var(--head-foot-basic-timing);
}

.article-title {
    font-family: var(--section-font);
    text-align: center;
    font-weight: 600;
}

.article-subtitle {
    font-family: var(--main-font);
    text-align: center;
    font-weight: 500;
}

.article-text {
    font-family: var(--main-font);
    font-weight: 300;
}

.article-author{
    margin-bottom: 0;
    font-weight: 400;
    font-family: var(--section-font);
}

.article-date {
    margin-top: 0;
    font-style: italic;
}

.plot-title {
    font-family: var(--plot-font); 
    font-weight: 400;
}

.plot-subtitle {
    font-family: var(--plot-font);
    font-weight: 400;
}

.plot-bottom-single {
    display: flex;
    flex-flow: row wrap;
    justify-content: right;
    margin-top: 10px;
}

.plot-bottom-double {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-top: 10px;
}

.plot-source {
    text-align: right;
    font-family: var(--main-font);
    color:#6e6e6e;
    margin: 2.5px;
    font-size: .9em;
}

.plot-note {
    text-align: left;
    font-family: var(--main-font);
    color:#6e6e6e;
    margin: 2.5px;
    font-size: .9em;
}

.article-subsection-title {
    font-family: var(--section-font);
    font-weight: 600;
}
.article-note {
    font-style: italic;
}

.appendix-title {
    font-family: var(--main-font);
    font-weight: 600;
}

.appendix-text {
    font-family: var(--main-font);
    font-weight: 300;
}
.article-div p:last-child {
    margin-bottom: 0;
}

/* Mobile arrangement */
.progress-bar {
    top: calc(var(--logo-head-mobile-height) + var(--menu-mobile-up-height));
}
.progress-bar-med {
    top: calc(var(--logo-head-mobile-min-height) + var(--menu-mobile-up-height));
}
.progress-bar-min {
    top: 0;
}
.article-title {
    font-size: 2.5em;
    margin: 0 auto 20px;
}
.article-subtitle {
    font-size: 1.5em;
    line-height: 1.25;
    margin: 0 auto 40px;
}
.article-info {
    font-size: 1.25em;
    margin: 40px auto 60px
}
.article-text {
    font-size: 1.5em;
    line-height: 1.75;
    margin: 40px auto;
}
.article-subsection-title {
    font-size: 1.5em;
    margin: 40px auto 20px
}
.article-note {
    font-size: 1.5em;
    line-height: 1.5;
    margin: 30px auto;
}
.plot-title {
    font-size: 1.8em;
    margin: 30px 0 10px;
    line-height: 1;
    padding-left: 7.5px;
    text-indent: -7.5px;
}
.plot-subtitle {
    font-size: 1.25em;
    margin: 0px 10px 10px;
    line-height: 1;
    padding-left: 7.5px;
    text-indent: -7.5px;
}
.appendix-title {
    font-size: 1.75em;
    margin: 20px auto;
}
.appendix-text {
    font-size: 1.25em;
    line-height: 1.25;
    margin: 20px auto;
}

/* Tablet settings */
@media all and (min-width: 600px) {
    .progress-bar {
        top: calc(var(--logo-head-tablet-height) + var(--menu-tablet-height));
    }
    .progress-bar-max {
        top: calc(var(--logo-head-tablet-height) + var(--menu-tablet-height));
    }
    .progress-bar-med {
        top: calc(var(--logo-head-tablet-min-height) + var(--menu-tablet-min-height));
    }
    .progress-bar-min {
        top: 0;
    }
    .article-title {
        font-size: 3.5em;
        margin: 0 auto 20px;
    }
    .article-subtitle {
        font-size: 2.25em;
        line-height: 1.75;
        margin: 0 auto 40px;
    }
    .article-info {
        font-size: 1.25em;
        margin: 40px auto 60px
    }
    .article-text {
        font-size: 1.75em;
        line-height: 1.75;
        margin: 50px auto;
    }
    .article-subsection-title {
        font-size: 1.75em;
        margin: 25px auto;
    }
    .article-note {
        font-size: 1.75em;
        line-height: 1.5;
        margin: 30px auto;
    }
    .plot-title {
        font-size: 2.15em;
    }
    .plot-subtitle {
        font-size: 1.5em;
    }
    .plot-source {
        font-size: 1em;
    }
    .plot-note {
        font-size: 1em;
    }
    .appendix-title {
        font-size: 2em;
        margin: 40px auto 20px;
    }
    .appendix-text {
        font-size: 1.66em;
        line-height: 1.25;
        margin: 30px auto;
    }
}
/* Laptop settings */
@media all and (min-width: 992px) {
    .progress-bar {
        top: calc(var(--logo-head-desktop-height) + var(--menu-tablet-height));
    }
    .progress-bar-max {
        top: calc(var(--logo-head-desktop-height) + var(--menu-tablet-height));
    }
    .progress-bar-med {
        top: calc(var(--logo-head-desktop-min-height) + var(--menu-tablet-min-height));
    }
    .progress-bar-min {
        top: 0;
    }
    div .article-div{
        max-width: 90%;
        margin: auto
    }
    .article-title {
        font-size: 4em;
        margin: 0 auto 30px;
    }
    .article-subtitle {
        font-size: 2.25em;
        line-height: 1.25;
        margin: 0 auto 60px;
    }
    .article-info {
        font-size: 1.6em;
        margin: 45px auto 90px;
    }
    .article-text {
        font-size: 2em;
        line-height: 1.5;
        margin: 60 auto;
    }
    .article-subsection-title {
        font-size: 2em;
        margin: 50px auto 25px
    }
    .article-note {
        font-size: 1.75em;
        line-height: 1.5;
        margin: 30px auto;
    }
    .plot-title {
        font-size: 2.5em;
        margin: 40px 0 15px;
    }
    .plot-subtitle {
        font-size: 1.75em;
        margin: 0 15px 15px;
    }
    .plot-source {
        font-size: 1.25em;
    }
    .plot-note {
        font-size: 1.25em;
    }
    .appendix-title {
        font-size: 2em;
        margin: 40px auto 20px;
    }
    .appendix-text {
        font-size: 1.66em;
        line-height: 1.25;
        margin: 30px auto;
    }
}

/* Desktop settings */
@media all and (min-width: 1200px) {   
    div .article-div {
        max-width: 80%;
        margin: auto
    }
}
.subsection-first {
    margin-top: 0;
}