/*
Theme Name: Twenty Twenty-One - Ombudsman Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Template: twentytwentyone
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
    --font-weight: bold;
}


p {
    display: block;
    margin: 1em 0;
    font-size: var(--font-size);
    font-weight: 400;
    line-height: 130%;
    color: var(--text-color);
}

h1 {
    display: block;
    font-size: 70px;
    margin: 0.67em 0;
    font-weight: var(--font-weight);
}

h2 {
    display: block;
    font-size: 52px;
    margin: 0.83em 0;
    font-weight: var(--font-weight);
}

h3 {
    display: block;
    font-size: 42px;
    margin: 1em 0;
    font-weight: var(--font-weight);
}

h4 {
    display: block;
    font-size: 36px;
    margin: 1.33em 0;
    font-weight: var(--font-weight);
}

h5 {
    display: block;
    font-size: 28px;
    margin: 1.67em 0;
    font-weight: var(--font-weight);
}

h6 {
    display: block;
    font-size: 24px;
    margin: 2.33em 0;
    font-weight: var(--font-weight);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Gilroy', 'Arial', sans-serif;
    font-style: normal;
    line-height: 110%;
}

@media screen and (max-width: 1200px) {
    p {
        font-size: 14px;
    }
    
    h1 {
        font-size: 3rem; /* Adjust as needed */
        margin: 0.75rem 0; /* Adjust as needed */
    }

    h2.title,
    h2 {
        font-size: 2.5rem; /* Adjust as needed */
        margin: 1rem 0; /* Adjust as needed */
    }

    h3 {
        font-size: 2rem; /* Adjust as needed */
        margin: 1.25rem 0; /* Adjust as needed */
    }

    h4 {
        font-size: 1.75rem; /* Adjust as needed */
        margin: 1.5rem 0; /* Adjust as needed */
    }

    h5 {
        font-size: 1.5rem; /* Adjust as needed */
        margin: 1.75rem 0; /* Adjust as needed */
    }

    h6 {
        font-size: 1.25rem; /* Adjust as needed */
        margin: 2rem 0; /* Adjust as needed */
    }
}

@media screen and (max-width: 768px) {
    h1 {
        font-size: 2rem; /* Adjust as needed */
        margin: 0.75rem 0; /* Adjust as needed */
    }

    h2,
    h2.section-title,
    h2.title,
    h2.hero-title {
        font-size: 1.875rem; /* Adjust as needed */
        margin: 1rem 0; /* Adjust as needed */
    }

    h3 {
        font-size: 1.5rem; /* Adjust as needed */
        margin: 1.25rem 0; /* Adjust as needed */
    }

    h4 {
        font-size: 1.25rem; /* Adjust as needed */
        margin: 1.5rem 0; /* Adjust as needed */
    }

    h5 {
        font-size: 1.15rem; /* Adjust as needed */
        margin: 1.75rem 0; /* Adjust as needed */
    }

    h6 {
        font-size: 1rem; /* Adjust as needed */
        margin: 2rem 0; /* Adjust as needed */
    }
}