/* Ginka */

@font-face {
	font-family: 'Ginka';
	font-weight: 300;
	font-style: normal;
	src: url('../fonts/Ginka-Light.woff2') format('woff2'),
		   url('../fonts/Ginka-Light.woff') format('woff');
}

@font-face {
	font-family: 'Ginka';
	font-weight: 300;
	font-style: italic;
	src: url('../fonts/Ginka-Light_Italic.woff2') format('woff2'),
		   url('../fonts/Ginka-Light_Italic.woff') format('woff');
}

@font-face {
	font-family: 'Ginka';
	font-weight: 400;
	font-style: normal;
	src: url('../fonts/Ginka-Book.woff2') format('woff2'),
		   url('../fonts/Ginka-Book.woff') format('woff');
}

@font-face {
	font-family: 'Ginka';
	font-weight: 400;
	font-style: italic;
	src: url('../fonts/Ginka-Book_Italic.woff2') format('woff2'),
		   url('../fonts/Ginka-Book_Italic.woff') format('woff');
}

@font-face {
	font-family: 'Ginka';
	font-weight: 500;
	font-style: normal;
	src: url('../fonts/Ginka-Medium.woff2') format('woff2'),
		   url('../fonts/Ginka-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Ginka';
	font-weight: 500;
	font-style: italic;
	src: url('../fonts/Ginka-Medium_Italic.woff2') format('woff2'),
		   url('../fonts/Ginka-Medium_Italic.woff') format('woff');
}

/* Fragment */

@font-face {
	font-family: 'Fragment';
	font-weight: 300;
	font-style: normal;
	src: url('../fonts/PPFragment-GlareLight.woff2') format('woff2'),
		   url('../fonts/PPFragment-GlareLight.woff') format('woff');
}

@font-face {
	font-family: 'Fragment';
	font-weight: 300;
	font-style: italic;
	src: url('../fonts/PPFragment-GlareLightItalic.woff2') format('woff2'),
		   url('../fonts/PPFragment-GlareLightItalic.woff') format('woff');
}

@font-face {
	font-family: 'Fragment';
	font-weight: 400;
	font-style: normal;
	src: url('../fonts/PPFragment-GlareRegular.woff2') format('woff2'),
		   url('../fonts/PPFragment-GlareRegular.woff') format('woff');
}

@font-face {
	font-family: 'Fragment';
	font-weight: 400;
	font-style: italic;
	src: url('../fonts/PPFragment-GlareRegularItalic.woff2') format('woff2'),
		   url('../fonts/PPFragment-GlareRegularItalic.woff') format('woff');
}

@font-face {
	font-family: 'Fragment';
	font-weight: 700;
	font-style: normal;
	src: url('../fonts/PPFragment-GlareBold.woff2') format('woff2'),
		   url('../fonts/PPFragment-GlareBold.woff') format('woff');
}

@font-face {
	font-family: 'Fragment';
	font-weight: 700;
	font-style: italic;
	src: url('../fonts/PPFragment-GlareBoldItalic.woff2') format('woff2'),
		   url('../fonts/PPFragment-GlareBoldItalic.woff') format('woff');
}

/* Type Styles */

body { font-family: 'Ginka', sans-serif; font-weight: 300; font-size: 2rem; line-height: 1.2; }
strong, b { font-weight: 500; }

/* 60 */
.typeh1 { font-family: 'Fragment', serif; font-weight: 300; font-size: 6rem; line-height: 1.1333333333; letter-spacing: -0.01em; text-transform: uppercase;  }

/* 50 */
.typeh2, .typepullquote { font-family: 'Fragment', serif; font-weight: 300; font-size: 5rem; line-height: 1.16; letter-spacing: -0.01em; }
.typeh2upper { font-family: 'Fragment', serif; font-weight: 300; font-size: 5rem; line-height: 1.16; letter-spacing: -0.01em; text-transform: uppercase; }

/* 34 */
.typelarge { font-family: 'Fragment', serif; font-weight: 300; font-size: 3.4rem; line-height: 1.2352941176; letter-spacing: -0.01em; }

/* 30 */
.typeh3 { font-family: 'Fragment', serif; font-weight: 300; font-size: 3rem; line-height: 1.2666666667; letter-spacing: -0.01em; }
.typeh3upper { font-family: 'Fragment', serif; font-weight: 300; font-size: 3rem; line-height: 1.2666666667; letter-spacing: -0.01em; text-transform: uppercase; }

/* 24 */
.typeh4 { font-family: 'Ginka', sans-serif; font-weight: 400; font-size: 2.4rem; line-height: 1.25; letter-spacing: 0.05em; text-transform: uppercase; }
.typemedium { font-family: 'Ginka', sans-serif; font-weight: 300; font-size: 2.4rem; line-height: 1.25; letter-spacing: -0.01em; }

/* 20 */
.typetable { font-family: 'Fragment', serif; font-weight: 300; font-size: 2rem; line-height: 1.2; }
.typep { font-family: 'Ginka', sans-serif; font-weight: 300; font-size: 2rem; line-height: 1.2; }

/* 16 */
.typefooter { font-family: 'Fragment', serif; font-weight: 300; font-size: 1.6rem; line-height: 1.25; }

.typesmallupper { font-family: 'Ginka', sans-serif; font-weight: 400; font-size: 1.6rem; line-height: 1.25; letter-spacing: -0.01em; text-transform: uppercase; }
.pill { font-family: 'Ginka', sans-serif; font-weight: 400; font-size: 1.6rem; line-height: 1.25; letter-spacing: 0.05em; text-transform: uppercase; }
figcaption { font-family: 'Ginka', sans-serif; font-weight: 300; font-size: 1.6rem; line-height: 1.25; }
.typesmall { font-family: 'Ginka', sans-serif; font-weight: 300; font-size: 1.6rem; line-height: 1.25; letter-spacing: -0.01em; }

.filterbar select { font-family: 'Ginka', sans-serif; font-weight: 300; font-size: 1.6rem; }


/* 14 */
.typefootersmall { font-family: 'Fragment', serif; font-weight: 300; font-size: 1.4rem; line-height: 1.25; }

.typeverysmallbold { font-family: 'Ginka', sans-serif; font-weight: 400; font-size: 1.4rem; line-height: 1.25; letter-spacing: -0.01em; text-transform: uppercase; }
.typefooterheader { font-family: 'Ginka', sans-serif; font-weight: 400; font-size: 1.4rem; line-height: 1.4285714286; text-transform: uppercase; letter-spacing: .1em; }
.typetag { font-family: 'Ginka', sans-serif; font-weight: 300; font-size: 1.4rem; line-height: 1.25; letter-spacing: -0.01em; }
.typeverysmall { font-family: 'Ginka', sans-serif; font-weight: 300; font-size: 1.4rem; line-height: 1.25; letter-spacing: -0.01em; text-transform: uppercase; }

/* 10 */
.typetiny { font-family: 'Ginka', sans-serif; font-weight: 300; font-size: 1rem; line-height: 1.25; letter-spacing: -0.01em; }

@media screen and (max-width: 900px) { /* Intermediate Spacing */

	.typepullquote { font-size: 3.4rem; line-height: 1.2352941176; } /* Desktop 50 */

}

@media screen and (max-width: 600px) { /* Mobile Spacing */

  body { font-size: 1.8rem; line-height: 1.3333333333; } /* Desktop 20 */

  .typeh1 { font-size: 3rem; line-height: 1.2666666667; } /* Desktop 60 */
  .typeh2, .typeh2upper, .typepullquote { font-size: 2.4rem; line-height: 1.1666666667; } /* Desktop 50 */
	.typelarge { font-size: 2rem; line-height: 1.2; } /* Desktop 34 */
  .typeh3, .typeh3upper { font-size: 2.4rem; line-height: 1.1666666667; } /* Desktop 30 */
  .typeh4, .typemedium { font-size: 2rem; line-height: 1.5; } /* Desktop 24 */
	.typep, .typep { font-size: 1.8rem; line-height: 1.3333333333; } /* Desktop 20 */
	.typefooter, .typesmallupper, .pill, figcaption, .typesmall { font-size: 1.4rem; } /* Desktop 16 */
	.typefootersmall, .typeverysmallbold, .typefooterheader, .typetag, .typeverysmall  { font-size: 1.2rem; } /* Desktop 14 */
	.typetiny { font-size: .8rem; } /* Desktop 10 */

}