/* =========================================================
   RD3 CORE — TYPOGRAPHY
   Global typography and text styles
   ========================================================= */


/* =========================================================
   BODY
   ========================================================= */

body {

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    font-size: 16px;

    line-height: 1.6;

    color: var(--paragraph-color);

}


/* =========================================================
   LINKS
   ========================================================= */

a {

    color: var(--primary-color);

    text-decoration: none;

    transition: color 0.3s ease;

}


a:hover,
a:focus {

    text-decoration: underline;

}


/* =========================================================
   HEADINGS
   ========================================================= */

h1,
h2,
h3 {

    color: var(--heading-color);

}


h1 {

    font-size: 2rem;

    line-height: 1.2;

}


h2 {

    font-size: 1.5rem;

    line-height: 1.3;

}


h3 {

    font-size: 1.25rem;

    line-height: 1.4;

}


h4 {

    font-size: 1.1rem;

    color: #475569;

}


h5 {

    font-size: 1rem;

}


h6 {

    font-size: 0.9rem;

}


/* =========================================================
   PARAGRAPHS
   ========================================================= */

p {

   margin: 0 1rem;
}


/* =========================================================
   LISTS
   ========================================================= */

ul,
ol {

    margin-top: 0;

    margin-bottom: 1rem;

}


li {

    margin-bottom: 7px;

}

/* =========================================================
   HEAD OF PAGE
   ========================================================= */
.page-title {
    font-size: 2.6rem;
    line-height: 1.1;
    font-weight: 700;
    color: #993333;
    letter-spacing: -0.5px;
    margin-bottom: 30px;
    padding-left: 1%;
    border-left: 4px solid #030303;
    border-radius: 0 6px 6px 0;



}

.home .page-title{
    display: none;
} 

@media (max-width: 767px) {
.page-title {
    padding-left: 4%;
}
}