/* ===========================================
   TYPOGRAPHY
=========================================== */

body{

    font-family: var(--font-main);
    background: var(--background);
    color: var(--text);
    line-height: 1.7;
    padding-top: 80px;

}

h1{

    font-size: 4rem;
    line-height: 1.1;
    font-weight: 700;
    color: var(--secondary);

}

h2{

    font-size: 2.7rem;
    margin-bottom: 1rem;
    color: var(--secondary);

}

h3{

    font-size: 1.6rem;
    color: var(--secondary);

}

p{

    color: var(--text-light);
    font-size: 1.1rem;

}

.section-subtitle{

    font-size: 1.2rem;
    color: var(--text-light);
    max-width: 600px;
    margin: -0.5rem 0 3rem;
    line-height: 1.6;

}

/* ============================================
   TYPOGRAPHY
=========================================== */

body{

    font-family: var(--font-main);
    background: var(--background);
    color: var(--text);
    line-height: 1.7;
    padding-top: 80px;

}

h1{

    font-size: 4rem;
    line-height: 1.1;
    font-weight: 700;
    color: var(--secondary);

}

h2{

    font-size: 2.7rem;
    margin-bottom: 1rem;
    color: var(--secondary);

}

h3{

    font-size: 1.6rem;
    color: var(--secondary);

}

p{

    color: var(--text-light);
    font-size: 1.1rem;

}

.section-subtitle{

    font-size: 1.2rem;
    color: var(--text-light);
    max-width: 600px;
    margin: -0.5rem 0 3rem;
    line-height: 1.6;

}

/* Footer typography */
.footer h3,
.footer h4{

    color: white;

}

.footer p{

    color: rgba(255, 255, 255, 0.6);

}