/*Typography*/
/*COLORS*/
body {
	font-family: "Vollkorn", serif;
	color: #222;
	line-height: 1.75em;
	font-weight: 400; }

h1, h2, h3, h4, h5 {
	font-family: "Ubuntu", sans-serif; }

.clearfix::after {
	display: block;
	content: "";
	clear: both; }

.left {
	text-align: left; }

.center {
	text-align: center; }

.right {
	text-align: right; }

.breadcrumb {
	width: 100%;
	background-color: transparent;
	height: 40px;
	margin-top: -40px;
	position: relative;
	font-style: italic; }
	.breadcrumb::after {
		display: block;
		content: "";
		clear: both; }
	.breadcrumb .breadcrumbItem {
		float: left;
		margin-right: 12px;
		position: relative;
		padding-right: 20px; }
		.breadcrumb .breadcrumbItem a {
			color: #efefef;
			position: relative; }
			.breadcrumb .breadcrumbItem a:after {
				left: 0;
				bottom: 0;
				position: absolute;
				width: 0px;
				height: 1px;
				background-color: #fff;
				content: "";
				-webkit-transition: all 200ms cubic-bezier(0.2, 0, 0.2, 1) !important;
				-o-transition: all 200ms cubic-bezier(0.2, 0, 0.2, 1) !important;
				transition: all 200ms cubic-bezier(0.2, 0, 0.2, 1) !important;
				-moz-transition-property: all;
				-o-transition-property: all;
				-webkit-transition-property: all;
				transition-property: all; }
			.breadcrumb .breadcrumbItem a:hover {
				text-decoration: none; }
				.breadcrumb .breadcrumbItem a:hover:after {
					width: 100%; }
		.breadcrumb .breadcrumbItem:after {
			content: "\00bb";
			position: absolute;
			right: 0;
			color: #efefef;
			top: 0; }
		.breadcrumb .breadcrumbItem:last-child {
			margin: 0;
			padding: 0; }
			.breadcrumb .breadcrumbItem:last-child:after {
				content: ""; }