@font-face {
    font-family: 'BeirutTextWeb-Book';
    src: url('../../fonts/BeirutTextWeb-Book.woff2') format('woff2'),
         url('../../fonts/BeirutTextWeb-Book.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

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


/* FONT FAMILY */
.beirut {
    font-family: 'BeirutTextWeb-Book', sans-serif;
}

.euclid {
    font-family: 'EuclidCircularA-Regular', sans-serif;
}


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

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

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


/* 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 */
.p0 {
    /*font-size: 10px;*/
    font-size: 1em;
    line-height: 1;
}

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

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

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

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


@media screen and (max-width: 1440px) {
	/* SIZE */
    .p0 {
        font-size: 10px;
    }

    .p1 {
        font-size: 12px;
    }

    .p2 {
        font-size: 14px;
    }

    .p3 {
        font-size: 16px;
    }

    .p4 {
        font-size: 18px;
    }
}

@media screen and (max-width: 1280px) {
}

@media only screen and (max-width: 1024px) {
    /* SIZE */
    .p0 {
        font-size: 10px;
    }

    .p1 {
        font-size: 12px;
    }

    .p2 {
        font-size: 14px;
    }

    .p3 {
        font-size: 16px;
    }

    .p4 {
        font-size: 18px;
    }

    .p5 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 980px) {
	/* SIZE 
    .p0 {
        font-size: 10px;
    }

    .p1 {
        font-size: 12px;
    }

    .p2 {
        font-size: 14px;
    }

    .p3 {
        font-size: 16px;
    }

    .p4 {
        font-size: 18px;
    }
    */
}

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

}