/* Base styles */

body, p, ul, li {
    font-family: var(--font-sans);
    font-weight: normal;
    color: var(--color-primary);
    font-size: var(--font-20);
    line-height: 1.5;
}


h1 {
    font-size: var(--font-32);
    line-height: 1.5;
    font-weight: normal;
}

h2 {
    font-size: var(--font-24);
    line-height: 1.5;
    font-weight: normal;
}

h3 {
    font-size: var(--font-24);
    line-height: 1.5;
    font-weight: normal;
}

h4 {
    font-size: var(--font-24);
    line-height: 1.5;
    font-weight: normal;
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {

    body, p, ul, li {
    font-family: var(--font-sans);
    font-weight: normal;
    color: var(--color-primary);
    font-size: var(--font-24);
    line-height: 1.5;
}

.header_phonenumber, .header_location, .menu_button {
    font-size: var(--font-20);
}

}

@media (min-width: 992px) {

}


@media (min-width: 1200px) {

    .desktop_cta p {
        font-size: var(--font-16);
    }

}


@media (min-width: 1400px) {

body, p, ul, li {
    font-size: var(--font-20);
    line-height: 1.5;
}

h1 {
    font-size: var(--font-28);
    line-height: 1.5;
}

h2 {
    font-size: var(--font-20);
    line-height: 1.5;
}

h3 {
    font-size: var(--font-20);
    line-height: 1.5;
}

h4 {
    font-size: var(--font-20);
    line-height: 1.5;
}

}