@font-face {
	font-family: 'Hatton';
	src: url('/dist/assets/fonts/subset-Hatton-Regular.ttf');
	font-weight: normal;
}
@font-face {
	font-family: 'TTNorms';
	src: url('/dist/assets/fonts/subset-TTNorms-Regular.ttf');
	font-weight: normal;
}
@font-face {
	font-family: 'TTNorms';
	src: url('/dist/assets/fonts/subset-TTNorms-Bold.ttf');
	font-weight: bold;
}

.heading-1 {
    font-family: Hatton, serif !important;
    font-size: 70px !important;
    text-transform: uppercase !important;
    line-height: 70px !important;
}

.heading-2 {
    font-family: Hatton, serif !important;
    font-size: 40px !important;
    text-transform: uppercase !important;
    line-height: 35px !important;
}

.heading-3 {
    @apply heading-aeonik-34;
    /* font-family: Hatton, serif !important;
    font-size: 26px !important;
    text-transform: uppercase !important;
    line-height: 32px !important; */
}

.heading-3.sans {
    @apply heading-aeonik-34;
    /* font-family: TTNorms, sans !important;
    font-weight: 700 !important; */
}

.heading-4 {
    font-family: Hatton, serif !important;
    font-size: 22px !important;
    text-transform: uppercase !important;
    line-height: 24px !important;
}

.heading-4.sans {
    font-family: TTNorms, sans !important;
    font-weight: 700 !important;
}

.article-intro {
	margin-top: 4rem !important;
    margin-bottom: 4rem !important;
    font-family: Hatton, serif !important;
    font-size: 32px !important;
    line-height: 38px !important;
}

.uppercase {
    text-transform: uppercase !important;
}

img {
    display: inline-block !important;
}