@font-face {
    font-family: 'season-mix-regular';
    src: url('../../assets/fonts/SeasonMix-Regular.woff2') format('woff2'),
         url('../../assets/fonts/SeasonMix-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/* FONT FAMILY */
.season {
    font-family: 'season-mix-regular', serif;
}


/* COLORS */
.black {
    color: var(--black);
}

.grey {
    color: var(--darkGrey);
}

.white {
    color: var(--white);
}


/* LAYOUT */
.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}


/* SIZE */
.p1 {
    font-size: 1em; /*12px*/
    line-height: 1;
}

.p2 {
    font-size: 1.167em; /*14px*/
    line-height: 1;
}

.p3 {
    font-size: 1.34em; /*16px*/
    line-height: 1;
}

.p4 {
    font-size: 1.5em; /*18px*/
    line-height: 1;
}

.p5 {
    font-size: 1.67em; /*20px*/
    line-height: 1.3;
}

.p6 {
    font-size: 1.834em; /*22px*/
    line-height: 1.318;
}

.p7 {
    font-size: 2.34em; /*28px*/
    line-height: 1.214;
}

.p8 {
    font-size: 3.834em; /*46px*/
    line-height: 1.1304;
    letter-spacing: -.2%;
}

.p9 {
    font-size: 5.67em; /*68px*/
    line-height: 1.1176;
}

.p10 {
    font-size: 6.67em; /*80px*/
    line-height: 1.112;
}

.p11 {
    font-size: 8em; /*96px*/
    line-height: 1.062;
}

.p12 {
    font-size: 8.2em;
    line-height: 1.062;
}



/* PARAGRAPHS */
.p6 p,
p.p6 {
    padding-bottom: 1.51vw; /*29px*/
}

.p7 p,
p.p7 {
    padding-bottom: 1.927vw; /*37px*/
}

.p8 p,
p.p8 {
    padding-bottom: 2.708vw; /*52px*/
}

p:last-child {
    padding: 0px !important;
}


@media only screen and (max-width: 980px) {
    .p11 {
        font-size: 6.3em;
    }
}


@media only screen and (max-width: 740px) {
    .p1 {
        font-size: 1em;
        line-height: 1;
    }

    .p2 {
        font-size: 14px; 
        line-height: 1;
    }

    .p3 {
        font-size: 14px;
        line-height: 1;
    }

    .p4 {
        font-size: 14px;
        line-height: 1;
    }

    .p5 {
        font-size: 16px;
        line-height: 1.3;
    }

    .p6 {
        font-size: 16px;
        line-height: 1.25;
    }

    .p7 {
        font-size: 18px;
        line-height: 1.25;
    }

    .p8 {
        font-size: 20px;
        line-height: 1.2;
    }

    .p9 {
        font-size: 5.67em; /*68px*/
        line-height: 1.1176;
    }

    .p10 {
        font-size: 32px;
        line-height: 1.14;
    }

    .p11 {
        font-size: 32px;
        line-height: 1.14;
    }

    .p12 {
        font-size: 38px;
        line-height: 1.062;
    }


    /* sm */
    .sm-p6 {
        font-size: 16px !important;
    }

    .sm-p7 {
        font-size: 18px !important;
    }

    .sm-p8 {
        font-size: 20px !important;
    }

    .sm-p10 {
        font-size: 32px !important;
        line-height: 1.14;
    }

    .sm-p11 {
        font-size: 32px !important;
        line-height: 1.14;
    }


    /* PARAGRAPHS */
    .p6 p,
    p.p6 {
        padding-bottom: 18px;
    }

    .p7 p,
    p.p7 {
        padding-bottom: 20px;
    }

    .p8 p,
    p.p8 {
        padding-bottom: 23px;
    }


    /* sm */
    .sm-p6 p, p.sm-p6 {
        padding-bottom: 18px;
    }

    .sm-p7 p, p.sm-p7 {
        padding-bottom: 20px;
    }

    .sm-p8 p, p.sm-p8 {
        padding-bottom: 23px;
    }
}

@media only screen and (max-width: 550px) {

}