/**************************************************************************************************/
/********* MISC ***********************************************************************************/
/**************************************************************************************************/
html {
    font-size:var(--font-size);
}
body {
    min-height:100vh;
    color: var(--color-black);
    background: var(--color-main-bg);
    font-family: var(--font1);
    font-weight: 200;
    letter-spacing:0.01em;
}

img, svg, video{display:block;max-width:100%;height:auto;}
svg {fill:currentColor;}


h1, h2, h3, h4, h5 {line-height:1.2em;font-weight:400;margin:.5em 0;}
h1, .h1 {font-size:2.25rem;margin:0;font-weight:200;}
h2, .h2 {font-size:1.8rem;margin: 0;font-weight:200;}
h3, .h3 {font-size:1.2rem;}
h4, .h4 {font-size:1.1rem;}
h5, .h5 {font-size:1rem;}


.huge {font-size:var(--font-size-huge);}
.big {font-size:var(--font-size-big);}
.small {font-size:var(--font-size-small);}
.tiny {font-size:var(--font-size-tiny);}

strong, .bold {font-weight:400;}
em, .italic {font-style: italic;}
p {line-height:1.2em;}
.underline {text-decoration:underline;}
a {text-decoration:none;color:inherit;}
.upper {text-transform:uppercase;}



/** Layouts **/
.space-out {
    margin-left: var(--space-out);
    margin-right: var(--space-out);
}

/**************************************************************************************************/
/********* TEXT STYLING ***************************************************************************/
/**************************************************************************************************/
.txt p {line-height:1.72em;margin: 1.85em 0;}
.txt ul {line-height:1.72em;margin:1em 0;padding-left:1em;list-style-type:disc;}
    .txt ul ul {list-style-type:circle;margin:.5em 0;}
.txt > *:first-child {margin-top:0;}
.txt > *:last-child {margin-bottom:0;}
.txt a {text-decoration:underline;}

@media screen and (min-width: 651px) {
    h1, .h1 {font-size:3.43rem;}
    h2, .h2 {font-size:2.46rem;}

    .txt p,
    .txt ul {line-height:1.84em;}
}



/** DEV ***/
/*
body::after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:15000px;
    background: url(../images/dev/produits-mobile.jpg);
    background-size: 100%;
    background-repeat:no-repeat;
    z-index:999;
    pointer-events:none;
    opacity: .5;
}

/*
#main-page {
    margin-top: 120px;
}
*/