/*----------------------------------------------*\
    BLOCK - Heading
	===============

	@package theorder

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package theorder

\*----------------------------------------------*/
/*
 *
 * / Variables
------------------------------------------------*/
/* Breakpoints */
/* Responsive type multipliers */
/* Type sizes (Minor third) */
/* Max-widths */
/* is used for calculation for extend width. Each side is extended by x ems */
.heading {
  padding: 0 var(--size-400);
  margin-bottom: var(--size-700);
  text-align: center;
  color: var(--color-headings-2); }
  .heading__wrapper {
    font-size: var(--size-600);
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.2;
    word-spacing: -.025em;
    letter-spacing: .0375em; }
    .heading__wrapper::first-letter {
      font-family: var(--font-black-letter);
      font-size: 1.1em;
      font-weight: 400;
      margin-right: .0375em; }

/* Custom Classes */