/* Variable fonts usage:
:root { font-family: "Inter", sans-serif; }
@supports (font-variation-settings: normal) {
  :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; }
} */
@font-face {
    font-family: InterVariable;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../font/") format("woff2");
}

@font-face {
    font-family: InterVariable;
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("../font/InterVariable-Italic.woff2") format("woff2");
}

/* static fonts */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("../font/Inter-Thin.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url("../font/Inter-ThinItalic.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url("../font/Inter-ExtraLight.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url("../font/Inter-ExtraLightItalic.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../font/Inter-Light.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url("../font/Inter-LightItalic.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../font/Inter-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../font/Inter-Italic.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../font/Inter-Medium.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url("../font/Inter-MediumItalic.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../font/Inter-SemiBold.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url("../font/Inter-SemiBoldItalic.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../font/Inter-Bold.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("../font/Inter-BoldItalic.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("../font/Inter-ExtraBold.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url("../font/Inter-ExtraBoldItalic.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../font/Inter-Black.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url("../font/Inter-BlackItalic.woff2") format("woff2");
}

@font-face {
    font-family: "InterDisplay";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("../font/InterDisplay-Thin.woff2") format("woff2");
}

@font-face {
    font-family: "InterDisplay";
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url("../font/InterDisplay-ThinItalic.woff2") format("woff2");
}

@font-face {
    font-family: "InterDisplay";
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url("../font/InterDisplay-ExtraLight.woff2") format("woff2");
}

@font-face {
    font-family: "InterDisplay";
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url("../font/InterDisplay-ExtraLightItalic.woff2") format("woff2");
}

@font-face {
    font-family: "InterDisplay";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../font/InterDisplay-Light.woff2") format("woff2");
}

@font-face {
    font-family: "InterDisplay";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url("../font/InterDisplay-LightItalic.woff2") format("woff2");
}

@font-face {
    font-family: "InterDisplay";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../font/InterDisplay-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "InterDisplay";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../font/InterDisplay-Italic.woff2") format("woff2");
}

@font-face {
    font-family: "InterDisplay";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../font/InterDisplay-Medium.woff2") format("woff2");
}

@font-face {
    font-family: "InterDisplay";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url("../font/InterDisplay-MediumItalic.woff2") format("woff2");
}

@font-face {
    font-family: "InterDisplay";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../font/InterDisplay-SemiBold.woff2") format("woff2");
}

@font-face {
    font-family: "InterDisplay";
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url("../font/InterDisplay-SemiBoldItalic.woff2") format("woff2");
}

@font-face {
    font-family: "InterDisplay";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../font/InterDisplay-Bold.woff2") format("woff2");
}

@font-face {
    font-family: "InterDisplay";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("../font/InterDisplay-BoldItalic.woff2") format("woff2");
}

@font-face {
    font-family: "InterDisplay";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("../font/InterDisplay-ExtraBold.woff2") format("woff2");
}

@font-face {
    font-family: "InterDisplay";
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url("../font/InterDisplay-ExtraBoldItalic.woff2") format("woff2");
}

@font-face {
    font-family: "InterDisplay";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../font/InterDisplay-Black.woff2") format("woff2");
}

@font-face {
    font-family: "InterDisplay";
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url("../font/InterDisplay-BlackItalic.woff2") format("woff2");
}

@font-feature-values InterVariable {
    @character-variant {
        cv01: 1;
        cv02: 2;
        cv03: 3;
        cv04: 4;
        cv05: 5;
        cv06: 6;
        cv07: 7;
        cv08: 8;
        cv09: 9;
        cv10: 10;
        cv11: 11;
        cv12: 12;
        cv13: 13;
        alt-1: 1;
        /* Alternate one */
        alt-3: 9;
        /* Flat-top three */
        open-4: 2;
        /* Open four */
        open-6: 3;
        /* Open six */
        open-9: 4;
        /* Open nine */
        lc-l-with-tail: 5;
        /* Lower-case L with tail */
        simplified-u: 6;
        /* Simplified u */
        alt-double-s: 7;
        /* Alternate German double s */
        uc-i-with-serif: 8;
        /* Upper-case i with serif */
        uc-g-with-spur: 10;
        /* Capital G with spur */
        single-story-a: 11;
        /* Single-story a */
        compact-lc-f: 12;
        /* Compact f */
        compact-lc-t: 13;
        /* Compact t */
    }

    @styleset {
        ss01: 1;
        ss02: 2;
        ss03: 3;
        ss04: 4;
        ss05: 5;
        ss06: 6;
        ss07: 7;
        ss08: 8;
        open-digits: 1;
        /* Open digits */
        disambiguation: 2;
        /* Disambiguation (with zero) */
        disambiguation-except-zero: 4;
        /* Disambiguation (no zero) */
        round-quotes-and-commas: 3;
        /* Round quotes & commas */
        square-punctuation: 7;
        /* Square punctuation */
        square-quotes: 8;
        /* Square quotes */
        circled-characters: 5;
        /* Circled characters */
        squared-characters: 6;
        /* Squared characters */
    }
}

@font-feature-values Inter {
    @character-variant {
        cv01: 1;
        cv02: 2;
        cv03: 3;
        cv04: 4;
        cv05: 5;
        cv06: 6;
        cv07: 7;
        cv08: 8;
        cv09: 9;
        cv10: 10;
        cv11: 11;
        cv12: 12;
        cv13: 13;
        alt-1: 1;
        /* Alternate one */
        alt-3: 9;
        /* Flat-top three */
        open-4: 2;
        /* Open four */
        open-6: 3;
        /* Open six */
        open-9: 4;
        /* Open nine */
        lc-l-with-tail: 5;
        /* Lower-case L with tail */
        simplified-u: 6;
        /* Simplified u */
        alt-double-s: 7;
        /* Alternate German double s */
        uc-i-with-serif: 8;
        /* Upper-case i with serif */
        uc-g-with-spur: 10;
        /* Capital G with spur */
        single-story-a: 11;
        /* Single-story a */
        compact-lc-f: 12;
        /* Compact f */
        compact-lc-t: 13;
        /* Compact t */
    }

    @styleset {
        ss01: 1;
        ss02: 2;
        ss03: 3;
        ss04: 4;
        ss05: 5;
        ss06: 6;
        ss07: 7;
        ss08: 8;
        open-digits: 1;
        /* Open digits */
        disambiguation: 2;
        /* Disambiguation (with zero) */
        disambiguation-except-zero: 4;
        /* Disambiguation (no zero) */
        round-quotes-and-commas: 3;
        /* Round quotes & commas */
        square-punctuation: 7;
        /* Square punctuation */
        square-quotes: 8;
        /* Square quotes */
        circled-characters: 5;
        /* Circled characters */
        squared-characters: 6;
        /* Squared characters */
    }
}

@font-feature-values InterDisplay {
    @character-variant {
        cv01: 1;
        cv02: 2;
        cv03: 3;
        cv04: 4;
        cv05: 5;
        cv06: 6;
        cv07: 7;
        cv08: 8;
        cv09: 9;
        cv10: 10;
        cv11: 11;
        cv12: 12;
        cv13: 13;
        alt-1: 1;
        /* Alternate one */
        alt-3: 9;
        /* Flat-top three */
        open-4: 2;
        /* Open four */
        open-6: 3;
        /* Open six */
        open-9: 4;
        /* Open nine */
        lc-l-with-tail: 5;
        /* Lower-case L with tail */
        simplified-u: 6;
        /* Simplified u */
        alt-double-s: 7;
        /* Alternate German double s */
        uc-i-with-serif: 8;
        /* Upper-case i with serif */
        uc-g-with-spur: 10;
        /* Capital G with spur */
        single-story-a: 11;
        /* Single-story a */
        compact-lc-f: 12;
        /* Compact f */
        compact-lc-t: 13;
        /* Compact t */
    }

    @styleset {
        ss01: 1;
        ss02: 2;
        ss03: 3;
        ss04: 4;
        ss05: 5;
        ss06: 6;
        ss07: 7;
        ss08: 8;
        open-digits: 1;
        /* Open digits */
        disambiguation: 2;
        /* Disambiguation (with zero) */
        disambiguation-except-zero: 4;
        /* Disambiguation (no zero) */
        round-quotes-and-commas: 3;
        /* Round quotes & commas */
        square-punctuation: 7;
        /* Square punctuation */
        square-quotes: 8;
        /* Square quotes */
        circled-characters: 5;
        /* Circled characters */
        squared-characters: 6;
        /* Squared characters */
    }
}

.bg-page {
    background-image: url("../images/bg-page.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    background-attachment: fixed;
    padding: 0;
}
.bg-page.regulamento {
    position: fixed;
    width: 100%;
    overflow: auto;
}
.bg-page.regulamento ul li{
    color: #ffffff;
    font-size: 17px;
}
@media (max-width: 767px) {
    .bg-page {
        height: 100%;
    }
}

.bg-page img.logo {
    max-width: 240px;
    margin-top: 50px;
}

.bg-page img.person {
    width: 100%;
    margin-top: 50px;
}

.bg-page h1 {
    font-weight: 900;
    font-size: 4em;
    color: #ffffff !important;
    text-transform: initial;
    padding-top: 100px;
}

.bg-page p {
    font-size: 2em;
    color: #ffffff !important;
    line-height: 1.2;
    padding-top: 40px;
}
.bg-page p strong{
    font-size: 0.7em;
    font-style: italic;
}
.bg-page.regulamento h1{
    font-weight: 600;
    text-align: center;
    font-size: 2.4em;
    color: #ffffff;
    text-transform: uppercase;
    padding-top: 50px;
}
.bg-page.regulamento h2{
    font-weight: 600;
    font-size: 1.6em;
    color: #ffffff;
    text-transform: uppercase;
}
.bg-page.regulamento p{
    font-size: 1.3em;
    color: #ffffff;
    text-transform: initial;
    padding-top: 0;
}
.bg-page.regulamento table tr th,
.bg-page.regulamento table tr td{
    font-size: 1.3em;
    color: #ffffff;
    text-transform: initial;
    max-width: 620px;
}