@import '../../assets/scss/index';

%base-heading {
	font-family: $futura-medium;
	font-weight: normal;
	line-height: 1.2;
	color: $color-black;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}


%heading1 {
	@extend %base-heading;
	@include fontSize(22px, 32px, 56px);
	
}

%heading2 {
	@extend %base-heading;
	@include fontSize(20px, 28px, 36px);
	letter-spacing: 1px;
	margin-bottom: 20px;
}

%heading3 {
	@extend %base-heading;
	@include fontSize(18px, 20px, 24px);
}

%heading4 {
	@extend %base-heading;
	@include fontSize(14px, 16px, 18px);
	font-family: $futura-book;
}

%heading5 {
	@extend %base-heading;
	@include fontSize(16px, 16px, 16px);
}

%heading6 {
	@extend %base-heading;
	@include fontSize(14px, 14px, 14px);
	font-family: $futura-bold;
}

h1 {
	@extend %heading1;
}

h2 {
	@extend %heading2;
}

h3 {
	@extend %heading3;
}

h4 {
	@extend %heading4;
}

h5 {
	@extend %heading5;
}

h6 {
	@extend %heading6;
}