:root {

    /* Colors: */
    --color-778393: #778393;
    --color-ffffff: #FFFFFF;
    --color-000000: #000000;
    --color-1252f2: #1252F2;
    --color-353535: #353535;
    --color-9c9c99: #9C9C99;
    --color-e7eeed: #E7EEED;
    --color-ffff71: #FFFF71;
    
    /* Font/text values */
    --font-family-archia: 'Archia';
    --font-family-dmsans: 'DM Sans', sans-serif;;
    --font-style-normal: normal;
    --font-weight-600: 600px;
    --font-weight-medium: medium;
    --font-weight-normal: normal;
    --font-weight-bold: bold;
    --font-size-15: 15px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-22: 22px;
    --font-size-42: 42px;
    --character-spacing-0: 0px;
    --character-spacing--0-8: -0.8px;
    --character-spacing--1-68: -1.68px;
    --line-spacing-22: 22px;
    --line-spacing-31: 31px;
    --line-spacing-60: 60px;
    }
    
    /* Character Styles */
    .h2-archia-—-20pt {
    font-family: var(--font-family-archia);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-20);
    line-height: var(--line-spacing-31);
    letter-spacing: var(--character-spacing--0-8);
    color: var(--color-9c9c99);
    }
    .h1-archia-—-42pt {
    font-family: var(--font-family-archia);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-42);
    line-height: var(--line-spacing-60);
    letter-spacing: var(--character-spacing--1-68);
    color: var(--color-9c9c99);
    }
    .botones-archia-—-20pt {
    font-family: var(--font-family-archia);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-600);
    font-size: var(--font-size-20);
    line-height: var(--line-spacing-60);
    letter-spacing: var(--character-spacing--0-8);
    color: var(--color-9c9c99);
    }
    .character-style-1 {
    font-family: var(--font-family-archia);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-18);
    line-height: var(--line-spacing-22);
    letter-spacing: var(--character-spacing-0);
    color: var(--color-9c9c99);
    }

    .container{
        padding-left: 20px;
        padding-right: 20px;
    }

    @media screen and (min-width: 768px) { 
        .container{
            padding-left: inherit;
            padding-right: inherit;
        }
    }