.static-page-container{width: auto; padding-left: 0; padding-right: 0;}
.lr-container{width: auto; padding-left: 0; padding-right: 0;}

.html{
    font-family: "Montserrat"; 
    font-size: 16px;
    line-height: 1.25;
    /* ampm-color-brand */
    --brand: #AF3C19;
    --brand-medium: #8D3317;
    --brand-dark: #5E2513;
    --sand: #F5F4F0;
    /* neutral */
    --neutral0: #FFFFFF;
    --neutral50: #F7F6F4;
    --neutral100: #ECEBE9;
    --neutral200: #E0DFDC;
    --neutral300: #C9C8C6;
    --neutral400: #BAB9B6;
    --neutral500: #959395;
    --neutral600: #7A757A;
    --neutral700: #5B565D;
    --neutral800: #423A45;
    --neutral900: #191B21;
    --neutral1000: #000000;
    /* dustypink */
    --dustyPink100: #ECE2E0;
    --dustyPink300: #E4D5D3;
    --dustyPink500: #D2BAB7;
    --dustyPink700: #92615C;
    /* brown */
    --brown100: #F1DDDB;
    --brown300: #EBCFCC;
    --brown500: #DEB0AB;
    --brown700: #5E2513;
    /* khaki */
    --khaki100: #E4E8E4;
    --khaki300: #D9DED9;
    --khaki500: #C0C8C0;
    --khaki700: #606F60;
    /* celadon */
    --celadon100: #E1EBEB;
    --celadon300: #D4E2E3;
    --celadon500: #B8CFD1;
    --celadon700: #496C6D;
    /* blue */
    --blue100: #DFE8EB;
    --blue300: #D0DCE1;
    --blue500: #B8CBD3;
    --blue700: #7EA1AE;
    /* navy */
    --navy100: #E0E7ED;
    --navy300: #D2DCE5;
    --navy500: #B5C6D4;
    --navy700: #354A5B;
    /* dark alpha */
    --dark0: rgba(25, 27, 33, 0);
    --dark5: rgba(25, 27, 33, 0.05);
    --dark10: rgba(25, 27, 33, 0.1);
    --dark20: rgba(25, 27, 33, 0.2);
    --dark40: rgba(25, 27, 33, 0.4);
    --dark60: rgba(25, 27, 33, 0.6);
    --dark80: rgba(25, 27, 33, 0.8);
    /* Light alpha */
    --light0: rgba(255, 255, 255, 0);
    --light5: rgba(255, 255, 255, 0.05);
    --light10: rgba(255, 255, 255, 0.1);
    --light20: rgba(255, 255, 255, 0.2);
    --light40: rgba(255, 255, 255, 0.4);
    --light60: rgba(255, 255, 255, 0.6);
    --light80: rgba(255, 255, 255, 0.8);

    --space-xxxs: 0.25rem;   /* 4px */
    --space-xxs: 0.5rem;   /* 8px */
    --space-xs: 1rem;   /* 16px */
    --space-s: 1.5rem; /* 24px */
    --space-m: 2rem;   /* 32px */
    --space-l: 2.5rem; /* 40px */
    --space-xl: 3rem; /* 48px */
    --space-xxl: 4rem;   /* 64px */
    --space-xxxl: 5rem;   /* 80px */

    color: var(--neutral900);
}

/* font-weight */
.a-regular{font-weight: 400;}
.a-medium{font-weight: 500;}
.a-bold{font-weight: 700;}

/* font-decoration */
[class*="a-title"] {text-transform: uppercase; letter-spacing: 0.1em;}
.a-upper{text-transform: uppercase;}
.a-strike{text-decoration: line-through;}
.a-underline{text-decoration: underline;}

/* font-style */
.a-title-xl{font-size: 2.5rem;}
.a-title-l{font-size: 2rem;}
.a-title-m{font-size: 1.5rem;}
.a-title-s{font-size: 1.25rem;}
.a-title-xs{font-size: 1.125rem;}
.a-body-l{font-size: 1rem;}
.a-body-m{font-size: 0.875rem;}
.a-body-s{font-size: 0.75rem;}

.a-title-light, .a-body-light{color: var(--neutral0);}

/* button */
[class*="a-button"]{padding: 1rem 2rem; font-size: 0.875rem; text-transform: uppercase; display: inline-block; border: 1px solid transparent;}
.a-button-dark{background-color: var(--neutral1000); color: var(--neutral0);}
.a-button-light{background-color: var(--neutral0); color: var(--neutral1000);}
.a-button-dark:hover, .a-button-dark:focus{border: 1px solid var(--neutral500);}
.a-button-light:hover, .a-button-light:focus{border: 1px solid var(--neutral900);}
.a-button-dark:active{background-color: var(--brand-dark);}
.a-button-light:active{background-color: var(--neutral300);}

/* link */
[class*="a-link"]{text-decoration: underline; text-transform: uppercase;}
[class*="a-link"]:hover{text-decoration: none;}
[class*="a-link"]:active{text-decoration: underline;}
.a-link-dark{color: var(--neutral1000);}
.a-link-light{color: var(--neutral0);}
.a-link-dark:active{color: var(--brand-dark);}
.a-link-light:active{color: var(--neutral300);}
.a-link-s{font-size: 0.875rem;}
.a-link-m{font-size: 1rem;}
.a-link-l{font-size: 1.125rem;}

/* ombrages */
.a-shadow-light{text-shadow: 1px 1px 100px var(--neutral900);}

@media (min-width: 992px){
    /* font-style */
    .a-title-xl{font-size: 2.75rem;}
    .a-title-l{font-size: 2.25rem;}
    .a-title-m{font-size: 1.75rem;}
    .a-title-s{font-size: 1.5rem;}
    .a-title-xs{font-size: 1.25rem;}
    .a-body-l{font-size: 1.125rem;}
    .a-body-m{font-size: 1rem;}
    .a-body-s{font-size: 0.875rem;}

    /* button */
    [class*="a-button"]{font-size: 1rem;}
}