/* Comm'une Couleur Landing Page - Fonts
1. Font face
2. Variables
3. Elements


/*------------------------------------------------------------------------------------------*/
/* 1. Font face */
/*------------------------------------------------------------------------------------------*/


@font-face {
    font-family: 'Poiret One';
    src: url('../fonts/PoiretOne-Regular.woff2') format('woff2'),
         url('../fonts/PoiretOne-Regular.woff')  format('woff');
    font-display: swap;
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
         url('../fonts/Poppins-Regular.woff')  format('woff');
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

/*------------------------------------------------------------------------------------------*/
/* 2. Variables */
/*------------------------------------------------------------------------------------------*/
:root {
    --title: 'Poiret One', sans-serif, Arial, Helvetica;
    --content: 'Poppins', sans-serif, Arial, Helvetica;
}

/*------------------------------------------------------------------------------------------*/
/* 3. Elements */
/*------------------------------------------------------------------------------------------*/

*{
    font-family: var(--content);
}


.testimonial q,
#landing-footer,
#landing-footer p,
#landing-footer a,
.button,
input[type="submit"],
h1,
h6,
h2,
h3,
h4,
h5 {
    font-family: var(--title);
}

body {
    font-size: 15px;
}

#banner h1 {
    font-size: 62px;
}

h1 {
    font-size: 40px;
}

h2,
.section-title {
    font-size: 34px;
}

h3 {
    font-size: 30px;
}
#banner #logo h1{
    font-size: 28px;
}
.testimonial.bigtest q,
#nav-trigger span {
    font-size: 22px;
}
.section-subtitle,
#banner h2,
h4 {
    font-size: 18px;
}

.testimonial q {
    font-size: 17px;
}

#banner .button,
.button,
.section-subtitle,
h5 {
    font-size: 16px;
}

h6,
.section-heading h3,
.button,
input[type="submit"] {
    font-size: 14px;
}

#header {
    font-size: 13px;
}

#landing-footer,
#landing-footer p,
#landing-footer a {
    font-size: 12px;
}


#landing-footer,
#landing-footer p,
#landing-footer a,
body {
    font-weight: normal;
}

h1,
h2,
#banner h2,
.section-subtitle,
.testimonial q   {
    font-weight: 300;
}

h4,
h5,
h6 {
    font-weight: 400;
}

h3,
.section-title {
    font-weight: 700;
}

#banner h1,
.button,
input[type="submit"] {
    font-weight: 800;
}


#banner #logo h1 {
    font-weight: 900;
}

#banner h1 {
    line-height: 60px;
}