html {
    --primary-blue: #1C82C6;
    --primary-green: #1C82C6;
    --primary-black: rgb(0,0,0);
    --primary-gray: #A1A1A1;
    --primary-gray--lighter: #D2D2D2;
    --primary-gray--darker: #616161;
    --primary-white: #ffffff;

    --border-color-gray: #818181;
    --border-color-gray--lighter: #E0E0E0;

    --bg-gray: #F2F2F2;
    --bg-main: #006F94;

    --radius-content--primary: 24px;
    --radius-content--secondary: 12px;
    --radius-button: 8px;

    --font-weight--700: 600;
    --font-weight--600: 600;
    --font-weight--500: 500;
    --font-weight--400: 400;

    --font-size--48: 48px;
    --font-size--40: 40px;
    --font-size--24: 24px;
    --font-size--20: 20px;
    --font-size--18: 18px;
    --font-size--16: 16px;
    --font-size--14: 14px;
    --font-size--article: 18px;
    --font-size--h1-article: 32px;
    --font-size--h2-article: 28px;
    --font-size--h3-article: 24px;
    --font-size--h4-article: 20px;
    --line-height--article:32px;

    --font-size-const--16: 16px;

    --pt-box-section: 3rem;
    --pt-box-content: 2rem;
    --pb-main-title: 1.5rem;

    --column-gap--table-weather: 150px;
    --row-gap--table-weather: 28px;

    --padding-box-section: 32px
}

@media (max-width:1200px) {
    html {
        --column-gap--table-weather: 80px;
    }
}

@media (max-width:992px) {
    html {
        --padding-box-section: 24px;
        --column-gap--table-weather: 32px;

        --pt-box-section: 36px;
        --pt-box-content: 24px;
        --pb-main-title: 18px;

        --font-size--48: 36px;
        --font-size--40: 32px;
        --font-size--24: 21px;
        --font-size--20: 18px;
        --font-size--18: 16px;

        --line-height--article:30px;

        --radius-content--primary: 16px;
        --radius-content--secondary: 10px;
        --radius-button: 8px;
    }
}

@media (max-width:768px) {
    html {
        --padding-box-section: 18px;
        --column-gap--table-weather: 6px;
        --row-gap--table-weather: 20px;

        --radius-content--primary: 12px;
        --radius-button: 6px;
    }
}

@media (max-width:576px) {
    html {
        --padding-box-section: 18px 12px;

        --font-size--48: 32px;
        --font-size--40: 30px;
        --font-size--24: 18px;
        --font-size--20: 16px;
        --font-size--18: 15px;
        --font-size--16: 14px;
        --font-size--14: 13px;

        --font-size-const--16: 14px;

        --font-size--article: 16px;
        --font-size--h1-article: 28px;
        --font-size--h2-article: 26px;
        --font-size--h3-article: 22px;
        --font-size--h4-article: 18px;
        --line-height--article:28px;
    }

    .px-mb-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.primary-black {
    color: var(--primary-black)
}

.primary-blue {
    color: var(--primary-blue)
}

.primary-gray {
    color: var(--primary-gray)
}

.primary-gray--darker {
    color: var(--primary-gray--darker)
}

.primary-gray--lighter {
    color: var(--primary-gray--lighter)
}

.primary-white,
._white {
    color: var(--primary-white)
}

.font-size--48 {
    font-size: var(--font-size--48);
}

.font-size--40 {
    font-size: var(--font-size--40);
}

.font-size--24 {
    font-size: var(--font-size--24);
}

.font-size--20 {
    font-size: var(--font-size--20);
}

.font-size--18 {
    font-size: var(--font-size--18);
}

.font-size--16 {
    font-size: var(--font-size--16);
}

.font-size--14 {
    font-size: var(--font-size--14);
}

.font-weight--700 {
    font-weight: var(--font-weight--700)
}

.font-weight--600 {
    font-weight: var(--font-weight--600)
}

.font-weight--500 {
    font-weight: var(--font-weight--500)
}

.font-weight--400 {
    font-weight: var(--font-weight--400)
}

.pt-box-content {
    padding-top: var(--pt-box-content);
}

.pt-box-section {
    padding-top: var(--pt-box-section);
}

.pb-main-title {
    padding-bottom: var(--pb-main-title);
}