core-numbers-project {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    column-gap: .525em;
    row-gap: 1em;
    justify-content: center;
    font-size: 5rem;

    @media (max-width: 1500px) {
        grid-template-columns: repeat(2, 1fr);

        >core-number:nth-child(3) {
            grid-column: 1 / -1;
        }
    }

    @media (max-width: 750px) {
        grid-template-columns: 1fr;
    }

    >core-number {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
        text-align: center;

        >:first-child {
            all: unset;
            color: var(--red);
            font-weight: 900;
            width: 100%;
        }

        >:nth-child(2) {
            all: unset;
            font-size: .325em;
            font-weight: 400;
            text-transform: uppercase;
            width: 100%;
        }
    }
}