/* =========================================================
   CHRISTIANITY — HISTORY EXPLORER
   ========================================================= */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background: #0d0b09;
    color: #e6dcc8;
    font-family: "Libre Baskerville", serif;
    overflow-x: hidden;
}


/* =========================================================
   NAVBAR
   ========================================================= */

.navbar {
    min-height: 80px;
    padding: 0 6%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    background: rgba(10, 9, 8, 0.97);

    border-bottom: 1px solid #4a4031;

    position: relative;
    z-index: 100;
}

.brand-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.brand-name {
    font-family: "Cinzel", serif;

    font-size: 10px;

    letter-spacing: 4px;

    color: #bda875;
}

.project-name {
    font-family: "Cinzel", serif;

    font-size: 17px;

    letter-spacing: 2px;

    color: #e1d2ae;
}

.navbar nav {
    display: flex;

    gap: 27px;
}

.navbar nav a {
    color: #b5ab98;

    text-decoration: none;

    font-family: "Cinzel", serif;

    font-size: 11px;

    letter-spacing: 1px;

    transition: 0.3s ease;
}

.navbar nav a:hover {
    color: #e2c982;
}


/* =========================================================
   HERO
   ========================================================= */

.christian-hero {
    min-height: 760px;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    background:
        linear-gradient(
            rgba(8, 9, 12, 0.48),
            rgba(8, 8, 9, 0.94)
        ),
        url("https://images.unsplash.com/photo-1548625361-ec853b8b8c9d?auto=format&fit=crop&w=2200&q=85");

    background-size: cover;

    background-position: center;
}

.hero-overlay {
    position: absolute;

    inset: 0;

    background:
        radial-gradient(
            circle at center,
            transparent 10%,
            rgba(0, 0, 0, 0.78) 100%
        );
}

.hero-content {
    position: relative;

    z-index: 2;

    max-width: 950px;

    padding: 40px;

    animation: heroReveal 1.5s ease forwards;
}

@keyframes heroReveal {

    from {
        opacity: 0;

        transform: translateY(35px);
    }

    to {
        opacity: 1;

        transform: translateY(0);
    }

}

.hero-label {
    font-family: "Cinzel", serif;

    font-size: 11px;

    letter-spacing: 5px;

    color: #c5ad78;

    margin-bottom: 28px;
}

.cross-symbol {
    font-size: 105px;

    line-height: 1;

    color: #d5c08b;

    text-shadow:
        0 0 18px rgba(213, 192, 139, 0.28),
        0 0 50px rgba(213, 192, 139, 0.12);

    animation:
        crossReveal 1.4s ease,
        crossGlow 4s ease-in-out infinite 1.5s;
}

@keyframes crossReveal {

    from {
        opacity: 0;

        transform: scale(0.55);
    }

    to {
        opacity: 1;

        transform: scale(1);
    }

}

@keyframes crossGlow {

    0%,
    100% {
        text-shadow:
            0 0 18px rgba(213, 192, 139, 0.25),
            0 0 45px rgba(213, 192, 139, 0.1);
    }

    50% {
        text-shadow:
            0 0 28px rgba(213, 192, 139, 0.42),
            0 0 75px rgba(213, 192, 139, 0.2);
    }

}

.hero-content h1 {
    margin-top: 12px;

    font-family: "Cinzel", serif;

    font-size: clamp(48px, 8vw, 95px);

    letter-spacing: 9px;

    color: #eee4d0;

    text-shadow:
        0 5px 30px rgba(0, 0, 0, 0.9);

    animation: titleReveal 1.3s ease;
}

@keyframes titleReveal {

    from {
        opacity: 0;

        letter-spacing: 25px;
    }

    to {
        opacity: 1;

        letter-spacing: 9px;
    }

}

.hero-ornament {
    margin: 25px 0;

    color: #aa9363;

    font-size: 16px;
}

.hero-description {
    max-width: 720px;

    margin: auto;

    color: #c9c0ae;

    font-size: 15px;

    line-height: 1.9;
}

.hero-button {
    display: inline-block;

    margin-top: 35px;

    padding: 15px 32px;

    border: 1px solid #9f895b;

    color: #dfc88c;

    text-decoration: none;

    font-family: "Cinzel", serif;

    font-size: 11px;

    letter-spacing: 2px;

    transition: 0.35s ease;
}

.hero-button:hover {
    background: #b29a68;

    color: #11100e;

    transform: translateY(-3px);

    box-shadow:
        0 0 28px rgba(178, 154, 104, 0.2);
}


/* =========================================================
   COMMON SECTION
   ========================================================= */

.section-heading {
    max-width: 900px;

    margin: 0 auto 65px;

    text-align: center;
}

.section-label {
    font-family: "Cinzel", serif;

    font-size: 10px;

    letter-spacing: 4px;

    color: #ae9766;
}

.section-heading h2 {
    margin-top: 15px;

    font-family: "Cinzel", serif;

    font-size: clamp(32px, 5vw, 50px);

    color: #ddd0b1;
}

.section-ornament {
    margin-top: 18px;

    color: #a78c58;

    font-size: 17px;
}


/* =========================================================
   ORIGINS
   ========================================================= */

.intro-section {
    padding: 115px 8% 105px;

    background:
        linear-gradient(
            180deg,
            #151311,
            #0e0c0a
        );

    border-bottom: 1px solid #40392d;
}

.intro-content {
    max-width: 850px;

    margin: auto;

    text-align: center;
}

.intro-content p {
    margin-bottom: 22px;

    color: #aaa08f;

    font-size: 14px;

    line-height: 2;
}


/* =========================================================
   JESUS
   ========================================================= */

.jesus-section {
    padding: 120px 7%;

    background:
        radial-gradient(
            circle at center,
            #211d17,
            #0d0c0a 70%
        );
}

.jesus-content {
    max-width: 1150px;

    margin: auto;

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 20px;
}

.jesus-content article {
    padding: 32px 25px;

    background: #171512;

    border: 1px solid #4b4437;

    transition: 0.35s ease;
}

.jesus-content article:hover {
    transform: translateY(-7px);

    border-color: #a28b5b;

    box-shadow:
        0 18px 35px rgba(0, 0, 0, 0.4);
}

.jesus-content h3 {
    margin-bottom: 15px;

    font-family: "Cinzel", serif;

    font-size: 19px;

    color: #d8c49a;
}

.jesus-content p {
    color: #9e9687;

    font-size: 12px;

    line-height: 1.9;
}


/* =========================================================
   BELIEFS
   ========================================================= */

.beliefs-section {
    padding: 120px 7%;

    background: #0c0b09;
}

.belief-grid {
    max-width: 1050px;

    margin: auto;

    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 22px;
}

.belief-grid article {
    padding: 35px;

    background:
        linear-gradient(
            145deg,
            #1b1915,
            #13120f
        );

    border: 1px solid #484133;

    transition: 0.3s ease;
}

.belief-grid article:hover {
    border-color: #a38c5c;

    transform: translateY(-5px);
}

.belief-grid h3 {
    margin-bottom: 14px;

    font-family: "Cinzel", serif;

    font-size: 21px;

    color: #d7c49a;
}

.belief-grid p {
    color: #9f9787;

    font-size: 13px;

    line-height: 1.9;
}


/* =========================================================
   BIBLE
   ========================================================= */

.bible-section {
    padding: 120px 7%;

    background:
        linear-gradient(
            180deg,
            #171511,
            #211d16
        );
}

.bible-intro {
    max-width: 850px;

    margin: 0 auto 50px;

    text-align: center;
}

.bible-intro p {
    color: #aaa08d;

    font-size: 14px;

    line-height: 2;
}

.bible-grid {
    max-width: 1100px;

    margin: auto;

    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 22px;
}

.bible-grid article {
    min-height: 210px;

    padding: 35px;

    background: #171511;

    border: 1px solid #4e4739;

    position: relative;

    transition: 0.35s ease;
}

.bible-grid article::after {
    content: "✦";

    position: absolute;

    top: 17px;

    right: 20px;

    color: #8e794f;

    font-size: 12px;
}

.bible-grid article:hover {
    border-color: #a38b59;

    transform: translateY(-5px);
}

.bible-grid h3 {
    margin-bottom: 15px;

    font-family: "Cinzel", serif;

    font-size: 21px;

    color: #d5c198;
}

.bible-grid p {
    color: #9b9384;

    font-size: 13px;

    line-height: 1.9;
}


/* =========================================================
   REVELATION
   ========================================================= */

.revelation-section {
    padding: 120px 7%;

    background: #0d0c0a;
}

.revelation-content {
    max-width: 850px;

    margin: auto;

    text-align: center;
}

.revelation-content p {
    margin-bottom: 22px;

    color: #a49b8b;

    font-size: 14px;

    line-height: 2;
}


/* =========================================================
   TEACHINGS
   ========================================================= */

.teachings-section {
    padding: 120px 7%;

    background:
        radial-gradient(
            circle at center,
            #201c15,
            #0d0c0a 70%
        );
}

.teachings-grid {
    max-width: 1150px;

    margin: auto;

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 20px;
}

.teachings-grid article {
    padding: 32px 27px;

    background: #171512;

    border: 1px solid #494234;

    transition: 0.3s ease;
}

.teachings-grid article:hover {
    transform: translateY(-6px);

    border-color: #a18a59;
}

.teachings-grid h3 {
    margin-bottom: 14px;

    font-family: "Cinzel", serif;

    color: #d5c097;

    font-size: 19px;
}

.teachings-grid p {
    color: #999182;

    font-size: 12px;

    line-height: 1.9;
}


/* =========================================================
   SALVATION
   ========================================================= */

.salvation-section {
    padding: 125px 7%;

    background:
        linear-gradient(
            145deg,
            #171512,
            #0b0a08
        );
}

.salvation-grid {
    max-width: 1100px;

    margin: auto;

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 18px;
}

.salvation-grid article {
    padding: 32px 22px;

    text-align: center;

    background: #181612;

    border-top: 2px solid #887149;

    border-bottom: 1px solid #40382c;
}

.salvation-grid h3 {
    margin-bottom: 14px;

    font-family: "Cinzel", serif;

    color: #d4bd91;

    font-size: 18px;
}

.salvation-grid p {
    color: #968e80;

    font-size: 12px;

    line-height: 1.8;
}


/* =========================================================
   CROSS & RESURRECTION
   ========================================================= */

.cross-section {
    padding: 125px 7%;

    background:
        radial-gradient(
            circle at center,
            #29241c,
            #0c0b09 72%
        );
}

.cross-content {
    max-width: 950px;

    margin: auto;

    text-align: center;
}

.cross-content > p {
    color: #b0a694;

    font-size: 15px;

    line-height: 2;

    margin-bottom: 45px;
}

.cross-grid {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 25px;
}

.cross-grid article {
    padding: 40px;

    background: rgba(18, 16, 13, 0.9);

    border: 1px solid #564b38;

    transition: 0.35s ease;
}

.cross-grid article:hover {
    transform: translateY(-6px);

    border-color: #aa915d;
}

.cross-grid h3 {
    margin-bottom: 15px;

    font-family: "Cinzel", serif;

    color: #dac69b;

    font-size: 22px;
}

.cross-grid p {
    color: #9e9585;

    font-size: 13px;

    line-height: 1.9;
}


/* =========================================================
   EARLY CHURCH
   ========================================================= */

.early-church-section {
    padding: 120px 7%;

    background: #0d0c0a;
}

.early-church-grid {
    max-width: 1100px;

    margin: auto;

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 20px;
}

.early-church-grid article {
    padding: 30px 23px;

    background: #181612;

    border: 1px solid #474033;

    transition: 0.3s ease;
}

.early-church-grid article:hover {
    transform: translateY(-5px);

    border-color: #9d8555;
}

.early-church-grid h3 {
    margin-bottom: 13px;

    font-family: "Cinzel", serif;

    color: #d2bc8f;

    font-size: 18px;
}

.early-church-grid p {
    color: #948c7e;

    font-size: 12px;

    line-height: 1.85;
}


/* =========================================================
   SPREAD
   ========================================================= */

.spread-section {
    padding: 125px 7%;

    background:
        linear-gradient(
            180deg,
            #191611,
            #0c0b09
        );
}

.spread-grid {
    max-width: 1150px;

    margin: auto;

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 21px;
}

.spread-grid article {
    padding: 32px;

    background: #161410;

    border: 1px solid #4b4335;

    transition: 0.35s ease;
}

.spread-grid article:hover {
    transform: translateY(-6px);

    border-color: #a18a59;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.4);
}

.spread-grid h3 {
    margin-bottom: 14px;

    font-family: "Cinzel", serif;

    color: #d1ba8b;

    font-size: 19px;
}

.spread-grid p {
    color: #978f81;

    font-size: 12px;

    line-height: 1.85;
}


/* =========================================================
   MAJOR TRADITIONS
   ========================================================= */

.traditions-section {
    padding: 125px 7%;

    background: #0b0a08;
}

.traditions-grid {
    max-width: 1050px;

    margin: auto;

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 24px;
}

.traditions-grid article {
    padding: 42px 30px;

    text-align: center;

    background:
        linear-gradient(
            145deg,
            #1b1915,
            #12110e
        );

    border: 1px solid #4d4538;

    transition: 0.35s ease;
}

.traditions-grid article:hover {
    transform: translateY(-8px);

    border-color: #a58c59;

    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.45);
}

.traditions-grid h3 {
    margin-bottom: 17px;

    font-family: "Cinzel", serif;

    color: #d9c49a;

    font-size: 22px;
}

.traditions-grid p {
    color: #9a9283;

    font-size: 13px;

    line-height: 1.9;
}


/* =========================================================
   MONASTICISM
   ========================================================= */

.monastic-section {
    padding: 120px 7%;

    background:
        linear-gradient(
            135deg,
            #181611,
            #0c0b09
        );
}

.monastic-content {
    max-width: 900px;

    margin: auto;

    text-align: center;
}

.monastic-content > p {
    color: #a69c8b;

    font-size: 14px;

    line-height: 2;

    margin-bottom: 45px;
}

.monastic-grid {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 20px;
}

.monastic-grid article {
    padding: 32px 25px;

    background: #161410;

    border: 1px solid #4a4234;
}

.monastic-grid h3 {
    margin-bottom: 14px;

    font-family: "Cinzel", serif;

    color: #d3bc8d;

    font-size: 19px;
}

.monastic-grid p {
    color: #958d7f;

    font-size: 12px;

    line-height: 1.85;
}


/* =========================================================
   ARCHITECTURE
   ========================================================= */

.architecture-section {
    padding: 125px 7%;

    background:
        radial-gradient(
            circle at center,
            #211c15,
            #0c0b09 72%
        );
}

.architecture-grid {
    max-width: 1100px;

    margin: auto;

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 18px;
}

.architecture-grid article {
    padding: 32px 22px;

    background: #171511;

    border: 1px solid #4d4434;

    transition: 0.35s ease;
}

.architecture-grid article:hover {
    transform: translateY(-6px);

    border-color: #a28a58;
}

.architecture-grid h3 {
    margin-bottom: 14px;

    font-family: "Cinzel", serif;

    color: #d3bc8d;

    font-size: 17px;
}

.architecture-grid p {
    color: #958d7f;

    font-size: 12px;

    line-height: 1.85;
}


/* =========================================================
   FESTIVALS
   ========================================================= */

.festivals-section {
    padding: 125px 7%;

    background: #0d0c0a;
}

.festival-grid {
    max-width: 1150px;

    margin: auto;

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 20px;
}

.festival-grid article {
    padding: 31px;

    background: #171512;

    border: 1px solid #4a4234;

    transition: 0.3s ease;
}

.festival-grid article:hover {
    transform: translateY(-5px);

    border-color: #a38b59;
}

.festival-grid h3 {
    margin-bottom: 14px;

    font-family: "Cinzel", serif;

    color: #d4bd90;

    font-size: 19px;
}

.festival-grid p {
    color: #978f81;

    font-size: 12px;

    line-height: 1.85;
}


/* =========================================================
   SYMBOLS
   ========================================================= */

.symbols-section {
    padding: 120px 7%;

    background:
        linear-gradient(
            180deg,
            #181611,
            #0b0a08
        );
}

.symbols-grid {
    max-width: 950px;

    margin: auto;

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 24px;
}

.symbols-grid article {
    padding: 40px 25px;

    text-align: center;

    background: #171511;

    border: 1px solid #4b4335;

    transition: 0.35s ease;
}

.symbols-grid article:hover {
    transform: translateY(-7px);

    border-color: #a28b5a;
}

.symbol-icon {
    min-height: 70px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #d2bb8a;

    font-family: "Cinzel", serif;

    font-size: 38px;

    margin-bottom: 20px;
}

.symbols-grid h3 {
    margin-bottom: 14px;

    font-family: "Cinzel", serif;

    color: #d3bd91;

    font-size: 20px;
}

.symbols-grid p {
    color: #978f81;

    font-size: 12px;

    line-height: 1.85;
}


/* =========================================================
   TIMELINE
   ========================================================= */

.christian-timeline {
    padding: 130px 7%;

    background:
        linear-gradient(
            180deg,
            #0f0e0c,
            #181510
        );
}

.timeline {
    max-width: 950px;

    margin: auto;

    position: relative;
}

.timeline::before {
    content: "";

    position: absolute;

    left: 50%;

    top: 0;

    bottom: 0;

    width: 1px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            #8c744c 8%,
            #8c744c 92%,
            transparent
        );

    transform: translateX(-50%);
}

.timeline article {
    width: 50%;

    position: relative;

    padding: 0 48px 60px;
}

.timeline article:nth-child(odd) {
    text-align: right;
}

.timeline article:nth-child(even) {
    margin-left: 50%;
}

.timeline article::after {
    content: "";

    position: absolute;

    top: 4px;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    background: #12100d;

    border: 2px solid #b0925e;

    box-shadow:
        0 0 0 5px rgba(176, 146, 94, 0.08);
}

.timeline article:nth-child(odd)::after {
    right: -7px;
}

.timeline article:nth-child(even)::after {
    left: -7px;
}

.timeline article span {
    font-family: "Cinzel", serif;

    font-size: 11px;

    letter-spacing: 1px;

    color: #b39866;
}

.timeline article h3 {
    margin: 9px 0 10px;

    font-family: "Cinzel", serif;

    font-size: 20px;

    color: #d4bd90;
}

.timeline article p {
    color: #968e80;

    font-size: 12px;

    line-height: 1.85;
}


/* =========================================================
   CLOSING
   ========================================================= */

.closing-section {
    padding: 125px 30px;

    text-align: center;

    background:
        radial-gradient(
            circle at center,
            #242018,
            #0a0907 72%
        );

    border-top: 1px solid #443b2e;
}

.closing-symbol {
    font-size: 68px;

    color: #cfb27a;

    margin-bottom: 18px;

    animation: crossGlow 4s ease-in-out infinite;
}

.closing-section h2 {
    font-family: "Cinzel", serif;

    color: #ddd0ad;

    font-size: 32px;

    margin-bottom: 20px;
}

.closing-section p {
    max-width: 750px;

    margin: auto;

    color: #999183;

    font-size: 14px;

    line-height: 2;
}


/* =========================================================
   FOOTER
   ========================================================= */

footer {
    padding: 60px 20px;

    text-align: center;

    background: #070706;

    border-top: 1px solid #433b2e;
}

.footer-logo {
    font-family: "Cinzel", serif;

    color: #c3a86f;

    letter-spacing: 3px;

    font-size: 18px;
}

footer p {
    margin-top: 15px;

    color: #81796c;

    font-size: 12px;
}

.footer-line {
    width: 100px;

    height: 1px;

    margin: 25px auto;

    background: #766143;
}

.developer strong,
.powered strong {
    color: #c7aa70;

    font-family: "Cinzel", serif;
}

.copyright {
    margin-top: 18px !important;

    font-size: 10px !important;

    letter-spacing: 1px;
}


/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .navbar {
        padding: 20px 5%;

        gap: 20px;
    }

    .navbar nav {
        gap: 15px;

        flex-wrap: wrap;

        justify-content: center;
    }

    .jesus-content,
    .early-church-grid,
    .architecture-grid,
    .salvation-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .teachings-grid,
    .spread-grid,
    .festival-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media (max-width: 650px) {

    .navbar {
        flex-direction: column;

        padding: 20px;
    }

    .navbar nav {
        justify-content: center;

        gap: 12px;
    }

    .navbar nav a {
        font-size: 10px;
    }

    .christian-hero {
        min-height: 680px;
    }

    .hero-content {
        padding: 25px;
    }

    .hero-label {
        font-size: 9px;

        letter-spacing: 3px;
    }

    .cross-symbol {
        font-size: 75px;
    }

    .hero-content h1 {
        font-size: 46px;

        letter-spacing: 4px;
    }

    .hero-description {
        font-size: 13px;
    }

    .section-heading {
        margin-bottom: 45px;
    }

    .section-heading h2 {
        font-size: 31px;
    }

    .jesus-content,
    .belief-grid,
    .bible-grid,
    .teachings-grid,
    .salvation-grid,
    .cross-grid,
    .early-church-grid,
    .spread-grid,
    .traditions-grid,
    .monastic-grid,
    .architecture-grid,
    .festival-grid,
    .symbols-grid {
        grid-template-columns: 1fr;
    }

    .intro-section,
    .jesus-section,
    .beliefs-section,
    .bible-section,
    .revelation-section,
    .teachings-section,
    .salvation-section,
    .cross-section,
    .early-church-section,
    .spread-section,
    .traditions-section,
    .monastic-section,
    .architecture-section,
    .festivals-section,
    .symbols-section,
    .christian-timeline {
        padding-top: 85px;

        padding-bottom: 85px;
    }

    .timeline::before {
        left: 8px;
    }

    .timeline article,
    .timeline article:nth-child(even) {
        width: 100%;

        margin-left: 0;

        padding-left: 35px;

        padding-right: 10px;

        text-align: left;
    }

    .timeline article::after,
    .timeline article:nth-child(odd)::after,
    .timeline article:nth-child(even)::after {
        left: 2px;

        right: auto;
    }

    .closing-section {
        padding: 90px 25px;
    }

    .closing-section h2 {
        font-size: 27px;
    }

}

/* =========================================================
   EDUCATIONAL DISCLAIMER
   ========================================================= */

.disclaimer-section {
    padding: 90px 6%;

    background:
        linear-gradient(
            180deg,
            #0b0a08,
            #11100c
        );

    border-top: 1px solid #3d3020;
}


.disclaimer-card {
    max-width: 950px;

    margin: auto;

    padding: 45px 50px;

    background:
        linear-gradient(
            145deg,
            #19160f,
            #100f0b
        );

    border: 1px solid #51432b;

    text-align: center;

    box-shadow:
        0 15px 40px rgba(0, 0, 0, 0.28);
}


.disclaimer-label {
    font-family: "Cinzel", serif;

    font-size: 10px;

    letter-spacing: 4px;

    color: #a98248;
}


.disclaimer-card h2 {
    margin: 14px 0 22px;

    font-family: "Cinzel", serif;

    font-size: 27px;

    color: #ddc99a;
}


.disclaimer-card p {
    max-width: 800px;

    margin: 0 auto 18px;

    color: #958a76;

    font-size: 12px;

    line-height: 1.9;
}


.disclaimer-card .disclaimer-note {
    margin-top: 25px;

    padding-top: 20px;

    border-top: 1px solid #403522;

    color: #b49a68;

    font-size: 11px;
}


/* =========================================================
   DISCLAIMER RESPONSIVE
   ========================================================= */

@media (max-width: 700px) {

    .disclaimer-section {
        padding: 65px 5%;
    }

    .disclaimer-card {
        padding: 32px 22px;
    }

    .disclaimer-card h2 {
        font-size: 22px;
    }

    .disclaimer-card p {
        font-size: 11px;
    }
}