/* Headings
---------------------------------------------------------------------------------------- //// */

h1,
.h1 {
	display: block;
	margin:0 0 .5em; /* 0 0 15px */
	font-weight:normal;
	font-size:2.142857em; /* 30px */
	line-height:1.166667; /* 35px */}

h2,
.h2 {
	display: block;
	margin:0 0 .5em; /* 0 0 12px */
	font-weight:normal;
	font-size:1.714em; /* 24px */
	line-height:1.25; /* 30px */}

h3,
.h3 {
	display: block;
	clear:both;
	margin:0 0 1.722222em; /* 0 0 31px */
	font-weight:normal;
	font-size:1.285714em; /* 18px */
	line-height:.944444; /* 17px */}

h4,
.h4 {
	display: block;
	margin:2em 0 0; /* 28px 0 0 */
	font-weight:bold;
	font-size:1em; /* 14px */
	line-height:1.714286; /* 24px */}

h5,
.h5 {
	display: block;
	margin:0 0 .5em; /* 0 0 7px */
	font-weight:bold;
	font-size:1em; /* 14px */
	line-height:1.714286; /* 24px */}

h6,
.h6 {
	display: block;
	margin:0 0 1.714286em; /* 0 0 24px */
	font-weight:normal;
	font-size:1em; /* 14px */
	line-height:1.714286; /* 24px */}

/* ----------------------------------------------- */
li h3,
li h4 {
	margin:0 0 .5em}

/* additional ----------------------------------------------- */
.heading_additional {
	clear:both;
	margin:0 0 1.333333em; /* 0 0 24px */
	font-weight:bold;
	font-size:1.285714em; /* 18px */
	line-height:1.333333; /* 24px */}

/* anchor ----------------------------------------------- */
.heading_anchor {
	margin:1em 0 .5em; /* 24px 0 12px */
	font-weight:bold;
	font-size:1.714286em; /* 24px */
	line-height:1.25; /* 30px */}

/* category ----------------------------------------------- */
.heading_category {
	clear:both;
	margin:0 0 1em; /* 0 0 12px */
	font-weight:bold;
	font-size:.857143em; /* 12px */
	line-height:1.333333; /* 16px */
	text-transform:uppercase}
.heading_category a {
	display:block;
	padding:2px 7px;
	background:#1e1e1e;
	color:#fff}
.heading_category.blonde a {
	background:#e6a513}
.heading_category.medium a {
	background:#b15b11}
.heading_category.dark a {
	background:#7a003c}

.heading_category a:hover,
.heading_category a:focus {
	background:#2a8a15}

/* landing ----------------------------------------------- */
.heading_landing {
	margin:.25em 0 .666667em; /* 9px 0 24px */
	font-weight:normal;
	font-size:1.428571em; /* 20px */
	line-height:1.25; /* 25px */}

/* promo ----------------------------------------------- */
.heading_promo {
	margin:0 0 .5em; /* 0 0 9px */
	font-weight:bold;
	font-size:1.285714em; /* 18px */
	line-height:1.277778; /* 23px */}

h3.heading_multiple_lines,
.h3.heading_multiple_lines {
	line-height:1.277778;}

/* MEDIA QUERY: 769px
---------------------------------------------------------------------------------------- //// */
@media (min-width:769px) {
	h1,
	.h1 {
		margin:0 0 .833333em; /* 0 0 25px */}

	/* landing ----------------------------------------------- */
	.heading_landing {
		font-size:2em; /* 28px */
		line-height:1.25; /* 35px */}
}