/*
==================================================
Typography
==================================================
*/

body {

    font-family: "Lato", Arial, sans-serif;

    font-size: 16px;

    line-height: 1.6;

    color: var(--color-text);

}

h1,
h2,
h3,
h4,
h5,
h6 {

    margin: 0;

    font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 500;

    line-height: 1.2;

}

h1 {

    font-size: clamp(3rem, 4.2vw, 4.5rem);

}

h2 {

    font-size: clamp(2rem, 4vw, 3.5rem);

}

h3 {

    font-size: clamp(1.5rem, 3vw, 2.25rem);

}

p {

    margin: 0;

    color: var(--color-text-light);

}