@charset "UTF-8";

	a,
	abbr,
	acronym,
	address,
	applet,
	article,
	aside,
	audio,
	b,
	big,
	blockquote,
	body,
	canvas,
	caption,
	center,
	cite,
	code,
	dd,
	del,
	details,
	dfn,
	div,
	dl,
	dt,
	em,
	embed,
	fieldset,
	figcaption,
	figure,
	footer,
	form,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	header,
	hgroup,
	html,
	i,
	iframe,
	img,
	ins,
	kbd,
	label,
	legend,
	li,
	mark,
	menu,
	nav,
	object,
	ol,
	output,
	p,
	pre,
	q,
	ruby,
	s,
	samp,
	section,
	small,
	span,
	strike,
	strong,
	sub,
	summary,
	sup,
	table,
	tbody,
	td,
	tfoot,
	th,
	thead,
	time,
	tr,
	tt,
	u,
	ul,
	var,
	video {
		margin: 0;
		padding: 0;
		border: 0;
		font: inherit;
		vertical-align: baseline;
	}

	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	menu,
	nav,
	section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol,
	ul {
		list-style: none
	}

	blockquote,
	q {
		quotes: none
	}

	blockquote:after,
	blockquote:before,
	q:after,
	q:before {
		content: '';
		content: none
	}

	table {
		border-collapse: collapse;
		border-spacing: 0
	}

	a {
		text-decoration: none
	}

	@font-face {
		font-family: Conduit;
		src: url("../fonts/ConduitITCStd-Black.eot");
		src: url("../fonts/ConduitITCStd-Black-.eot#iefix") format('embedded-opentype'), url("../fonts/ConduitITCStd-Black.svg.html") format('svg'), url("../fonts/ConduitITCStd-Black.woff.html") format('woff'), url("../fonts/ConduitITCStd-Black.ttf.html") format('truetype');
		font-weight: 800;
		font-style: normal
	}

	@font-face {
		font-family: Conduit;
		src: url("../fonts/ConduitITCStd-Bold.eot.html");
		src: url("../fonts/ConduitITCStd-Bold.eot-.html#iefix") format('embedded-opentype'), url("../fonts/ConduitITCStd-Bold.svg.html") format('svg'), url("../fonts/ConduitITCStd-Bold.woff.html") format('woff'), url("../fonts/ConduitITCStd-Bold.ttf.html") format('truetype');
		font-weight: 700;
		font-style: normal
	}

	@font-face {
		font-family: 'Minion Pro';
		src: url("../fonts/MinionPro-Regular.eot.html");
		src: url("../fonts/MinionPro-Regular.eot-.html#iefix") format('embedded-opentype'), url("../fonts/MinionPro-Regular.svg.html") format('svg'), url("../fonts/MinionPro-Regular.woff.html") format('woff'), url("../fonts/MinionPro-Regular.ttf.html") format('truetype');
		font-weight: 400;
		font-style: normal
	}

	@font-face {
		font-family: 'Minion Pro';
		src: url("../fonts/MinionPro-Semibold.eot.html");
		src: url("../fonts/MinionPro-Semibold.eot-.html#iefix") format('embedded-opentype'), url("../fonts/MinionPro-Semibold.svg.html") format('svg'), url("../fonts/MinionPro-Semibold.woff.html") format('woff'), url("../fonts/MinionPro-Semibold.ttf.html") format('truetype');
		font-weight: 600;
		font-style: normal
	}

	.no-transition,
	.no-transition * {
		transition: all 0ms cubic-bezier(.25, .25, .75, .75) 0ms !important
	}

	body {
		background: #f9f9f9;
		font: 400 12px/18px 'futura-pt', Arial;
		color: #888;
		text-transform: uppercase;
		-webkit-font-smoothing: antialiased
	}

	.ajaxContainer {
		transition: opacity 500ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	.ajaxContainer.added,
	.ajaxContainer.removed {
		opacity: 0
	}

	.icons {
		display: none
	}

	.close-button {
		cursor: pointer
	}

	.close-button div {
		height: 9px;
		width: 9px;
		position: relative;
		float: left;
		margin-right: 13px
	}

	.close-button span {
		display: block;
		height: 1px;
		width: 1px;
		background: #b9ac9c;
		position: absolute
	}

	.close-button span:nth-child(1) {
		top: 0;
		left: 0;
		transition-delay: 0ms
	}

	.close-button span:nth-child(2) {
		top: 1px;
		left: 1px;
		transition-delay: 150ms
	}

	.close-button span:nth-child(3) {
		top: 2px;
		left: 2px;
		transition-delay: 500ms
	}

	.close-button span:nth-child(4) {
		top: 3px;
		left: 3px;
		transition-delay: 450ms
	}

	.close-button span:nth-child(5) {
		top: 0;
		right: 0;
		transition-delay: 0ms
	}

	.close-button span:nth-child(6) {
		top: 1px;
		right: 1px;
		transition-delay: 150ms
	}

	.close-button span:nth-child(7) {
		top: 2px;
		right: 2px;
		transition-delay: 500ms
	}

	.close-button span:nth-child(8) {
		top: 3px;
		right: 3px;
		transition-delay: 450ms
	}

	.close-button span:nth-child(9) {
		bottom: 0;
		left: 0;
		transition-delay: 0ms
	}

	.close-button span:nth-child(10) {
		bottom: 1px;
		left: 1px;
		transition-delay: 150ms
	}

	.close-button span:nth-child(11) {
		bottom: 2px;
		left: 2px;
		transition-delay: 500ms
	}

	.close-button span:nth-child(12) {
		bottom: 3px;
		left: 3px;
		transition-delay: 450ms
	}

	.close-button span:nth-child(13) {
		bottom: 0;
		right: 0;
		transition-delay: 0ms
	}

	.close-button span:nth-child(14) {
		bottom: 1px;
		right: 1px;
		transition-delay: 150ms
	}

	.close-button span:nth-child(15) {
		bottom: 2px;
		right: 2px;
		transition-delay: 500ms
	}

	.close-button span:nth-child(16) {
		bottom: 3px;
		right: 3px;
		transition-delay: 450ms
	}

	.close-button span:nth-child(17) {
		top: 4px;
		left: 4px
	}

	.close-button span {
		transition: -webkit-transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	.close-button:hover span:nth-child(1),
	.menu-button:hover .close-button span:nth-child(1) {
		-webkit-transform: translate3d(8px, 0, 0);
		transform: translate3d(8px, 0, 0)
	}

	.close-button:hover span:nth-child(2),
	.menu-button:hover .close-button span:nth-child(2) {
		-webkit-transform: translate3d(6px, 0, 0);
		transform: translate3d(6px, 0, 0)
	}

	.close-button:hover span:nth-child(3),
	.menu-button:hover .close-button span:nth-child(3) {
		-webkit-transform: translate3d(4px, 0, 0);
		transform: translate3d(4px, 0, 0)
	}

	.close-button:hover span:nth-child(4),
	.menu-button:hover .close-button span:nth-child(4) {
		-webkit-transform: translate3d(2px, 0, 0);
		transform: translate3d(2px, 0, 0)
	}

	.close-button:hover span:nth-child(5),
	.menu-button:hover .close-button span:nth-child(5) {
		-webkit-transform: translate3d(0, 8px, 0);
		transform: translate3d(0, 8px, 0)
	}

	.close-button:hover span:nth-child(6),
	.menu-button:hover .close-button span:nth-child(6) {
		-webkit-transform: translate3d(0, 6px, 0);
		transform: translate3d(0, 6px, 0)
	}

	.close-button:hover span:nth-child(7),
	.menu-button:hover .close-button span:nth-child(7) {
		-webkit-transform: translate3d(0, 4px, 0);
		transform: translate3d(0, 4px, 0)
	}

	.close-button:hover span:nth-child(8),
	.menu-button:hover .close-button span:nth-child(8) {
		-webkit-transform: translate3d(0, 2px, 0);
		transform: translate3d(0, 2px, 0)
	}

	.close-button:hover span:nth-child(9),
	.menu-button:hover .close-button span:nth-child(9) {
		-webkit-transform: translate3d(0, -8px, 0);
		transform: translate3d(0, -8px, 0)
	}

	.close-button:hover span:nth-child(10),
	.menu-button:hover .close-button span:nth-child(10) {
		-webkit-transform: translate3d(0, -6px, 0);
		transform: translate3d(0, -6px, 0)
	}

	.close-button:hover span:nth-child(11),
	.menu-button:hover .close-button span:nth-child(11) {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}

	.close-button:hover span:nth-child(12),
	.menu-button:hover .close-button span:nth-child(12) {
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0)
	}

	.close-button:hover span:nth-child(13),
	.menu-button:hover .close-button span:nth-child(13) {
		-webkit-transform: translate3d(-8px, 0, 0);
		transform: translate3d(-8px, 0, 0)
	}

	.close-button:hover span:nth-child(14),
	.menu-button:hover .close-button span:nth-child(14) {
		-webkit-transform: translate3d(-6px, 0, 0);
		transform: translate3d(-6px, 0, 0)
	}

	.close-button:hover span:nth-child(15),
	.menu-button:hover .close-button span:nth-child(15) {
		-webkit-transform: translate3d(-4px, 0, 0);
		transform: translate3d(-4px, 0, 0)
	}

	.close-button:hover span:nth-child(16),
	.menu-button:hover .close-button span:nth-child(16) {
		-webkit-transform: translate3d(-2px, 0, 0);
		transform: translate3d(-2px, 0, 0)
	}

	.back-button {
		position: fixed;
		top: 33px;
		left: 39px;
		height: 9px;
		width: 22px;
		padding: 5px 10px;
		border-right: 1px solid rgba(255, 255, 255, .2);
		z-index: 2
	}

	.back-button div {
		position: relative
	}

	.back-button .mask {
		height: 100%;
		width: 100%;
		overflow: hidden
	}

	.back-button span {
		display: block;
		height: 1px;
		width: 1px;
		background: #b9ac9c;
		position: absolute
	}

	.back-button span:nth-child(1) {
		top: 0;
		left: 4px
	}

	.back-button span:nth-child(2) {
		top: 1px;
		left: 3px
	}

	.back-button span:nth-child(3) {
		top: 2px;
		left: 2px
	}

	.back-button span:nth-child(4) {
		top: 3px;
		left: 1px
	}

	.back-button span:nth-child(5) {
		top: 5px;
		left: 1px
	}

	.back-button span:nth-child(6) {
		top: 6px;
		left: 2px
	}

	.back-button span:nth-child(7) {
		top: 7px;
		left: 3px
	}

	.back-button span:nth-child(8) {
		top: 8px;
		left: 4px
	}

	.back-button b {
		display: block;
		height: 1px;
		width: 22px;
		background: #b9ac9c;
		position: absolute;
		top: 4px;
		left: 0
	}

	.back-button {
		transition: -webkit-transform 500ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 500ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	.back-button .mask div,
	.back-button b {
		transition: -webkit-transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms;
		-webkit-transform: translate3d(11px, 0, 0);
		transform: translate3d(11px, 0, 0)
	}

	.back-button:hover b,
	.back-button:hover div {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	.back-button.hidden {
		opacity: 0
	}

	.follow {
		position: fixed;
		right: 58px;
		font-size: 12px;
		line-height: 18px;
		font-weight: 600;
		text-align: right;
		letter-spacing: .36em;
		z-index: 3
	}

	.follow b {
		display: inline-block;
		height: 5px;
		width: 5px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		background: #b9ac9c;
		position: relative;
		top: -1px;
		left: -1px;
		margin: 0 5px
	}

	.follow a,
	.follow span {
		color: #888;
		cursor: pointer
	}

	.share-container {
		position: relative
	}

	.share-container ul {
		height: 106px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -53px 0 0 -159px
	}

	.share-container li {
		height: 106px;
		width: 106px;
		line-height: 106px;
		text-align: center;
		float: left;
		cursor: pointer;
		position: relative;
		margin-right: 1px
	}

	.share-container li:nth-child(2) p {
		left: -25px
	}

	.share-container li:nth-child(3) p {
		left: -132px
	}

	.share-container .mask,
	.share-container .mask-inner {
		height: 100%;
		width: 100%;
		position: relative;
		overflow: hidden
	}

	.share-container .mask-inner {
		background: #1d1e23
	}

	.share-container p {
		position: absolute;
		top: -27px;
		left: 83px;
		width: 320px;
		font-size: 12px;
		line-height: 14px;
		white-space: nowrap;
		letter-spacing: .36em;
		color: #FFF;
		text-align: left
	}

	.share-container p strong {
		color: #b9ac9c
	}

	.share-container>p {
		top: 50%;
		left: 50%;
		opacity: 1;
		margin: -110px 0 0 -200px;
		width: 400px;
		text-align: center
	}

	.share-container b {
		display: block;
		height: 100%;
		width: 100%;
		background: #b9ac9c;
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0
	}

	.share-container .icon {
		fill: #FFF;
		position: relative;
		top: 5px;
		z-index: 2
	}

	.share-container .twitter .icon {
		width: 21px;
		height: 18px
	}

	.share-container .facebook .icon {
		width: 11px;
		height: 21px
	}

	.share-container .pinterest .icon {
		width: 16px;
		height: 20px
	}

	.share-container .close-button {
		position: absolute;
		top: 61px;
		left: 60px;
		font: 600 10px/12px 'Minion Pro', Times, serif;
		letter-spacing: .36em;
		height: 12px;
		color: #FFF
	}

	.share-container li:nth-child(1) {
		transition: background 1000ms cubic-bezier(.19, 1, .22, 1) 700ms, opacity 300ms cubic-bezier(.19, 1, .22, 1) 500ms
	}

	.share-container li:nth-child(1) .mask-inner {
		transition: -webkit-transform 1000ms cubic-bezier(.19, 1, .22, 1) 700ms;
		transition: transform 1000ms cubic-bezier(.19, 1, .22, 1) 700ms
	}

	.share-container li:nth-child(2) {
		transition: background 1000ms cubic-bezier(.19, 1, .22, 1) 750ms, opacity 300ms cubic-bezier(.19, 1, .22, 1) 550ms
	}

	.share-container li:nth-child(2) .mask-inner {
		transition: -webkit-transform 1000ms cubic-bezier(.19, 1, .22, 1) 750ms;
		transition: transform 1000ms cubic-bezier(.19, 1, .22, 1) 750ms
	}

	.share-container li:nth-child(3) {
		transition: background 1000ms cubic-bezier(.19, 1, .22, 1) 800ms, opacity 300ms cubic-bezier(.19, 1, .22, 1) 600ms
	}

	.share-container li:nth-child(3) .mask-inner {
		transition: -webkit-transform 1000ms cubic-bezier(.19, 1, .22, 1) 800ms;
		transition: transform 1000ms cubic-bezier(.19, 1, .22, 1) 800ms
	}

	.share-container .mask-inner {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	.share-container b {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		transition: -webkit-transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	.share-container li p {
		opacity: 0;
		transition: opacity 1000ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	.share-container.displayed li .mask-inner,
	.share-container.displayed li:hover b {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	.share-container.displayed li:hover p {
		opacity: 1;
		transition-delay: 100ms
	}

	.popin-share>p {
		text-align: left;
		margin: -80px 0 0 -160px;
		width: 320px
	}

	.menu-button {
		position: fixed;
		top: 40px;
		left: 40px;
		font: 600 10px/12px 'Minion Pro', Times, serif;
		color: #888;
		letter-spacing: .36em;
		cursor: pointer;
		z-index: 12;
		padding: 20px
	}

	/*
.fadein-asset {
	display: none;
}
*/

	.menu-button .squares {
		float: left;
		width: 12px;
		height: 10px;
		margin-right: 10px
	}

	.menu-button .squares span {
		display: block;
		height: 2px;
		width: 2px;
		background: #b9ac9c;
		margin: 0 2px 2px 0;
		float: left
	}

	.menu-button .close-button {
		position: absolute;
		top: 20px;
		left: 20px
	}

	.menu-button p {
		position: relative;
		float: left;
		white-space: nowrap;
		overflow: hidden;
		height: 12px;
		top: 1px
	}

	.menu-button p span {
		display: block
	}

	.menu-button p span:nth-child(2) {
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	.menu-button.up {
		top: 17px;
		left: 72px
	}

	.menu-button {
		transition: opacity 700ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	.menu-button.hidden {
		opacity: 0;
		transition: opacity 0ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	.menu-button .squares {
		transition: opacity 500ms cubic-bezier(.25, .25, .75, .75) 0ms
	}

	.menu-button .close-button {
		opacity: 0;
		transition: opacity 500ms cubic-bezier(.25, .25, .75, .75) 0ms
	}

	.menu-button span {
		transition: -webkit-transform 700ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 700ms cubic-bezier(.19, 1, .22, 1) 0ms;
		-webkit-backface-visibility: hidden
	}

	.menu-button:hover .squares span:nth-child(1),
	.menu-button:hover .squares span:nth-child(2) {
		-webkit-transform: translate3d(4px, 0, 0);
		transform: translate3d(4px, 0, 0)
	}

	.menu-button:hover .squares span:nth-child(3) {
		-webkit-transform: translate3d(0, 4px, 0);
		transform: translate3d(0, 4px, 0)
	}

	.menu-button:hover .squares span:nth-child(4) {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}

	.menu-button:hover .squares span:nth-child(6) {
		-webkit-transform: translate3d(0, 4px, 0);
		transform: translate3d(0, 4px, 0)
	}

	.menu-button:hover .squares span:nth-child(7) {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}

	.menu-button:hover .squares span:nth-child(8),
	.menu-button:hover .squares span:nth-child(9) {
		-webkit-transform: translate3d(-4px, 0, 0);
		transform: translate3d(-4px, 0, 0)
	}

	.menu-button.active .squares {
		opacity: 0;
		transition-delay: 700ms
	}

	.menu-button.active .squares span:nth-child(1) {
		-webkit-transform: translate3d(4px, 0, 0);
		transform: translate3d(4px, 0, 0);
		opacity: 0
	}

	.menu-button.active .squares span:nth-child(2) {
		-webkit-transform: translate3d(2px, 2px, 0) rotate(45deg) scale(.5, 3);
		transform: translate3d(2px, 2px, 0) rotate(45deg) scale(.5, 3)
	}

	.menu-button.active .squares span:nth-child(3) {
		-webkit-transform: translate3d(0, 4px, 0);
		transform: translate3d(0, 4px, 0);
		opacity: 0
	}

	.menu-button.active .squares span:nth-child(4) {
		-webkit-transform: translate3d(2px, -2px, 0) rotate(-45deg) scale(.5, 3);
		transform: translate3d(2px, -2px, 0) rotate(-45deg) scale(.5, 3)
	}

	.menu-button.active .squares span:nth-child(6) {
		-webkit-transform: translate3d(-2px, 2px, 0) rotate(-45deg) scale(.5, 3);
		transform: translate3d(-2px, 2px, 0) rotate(-45deg) scale(.5, 3)
	}

	.menu-button.active .squares span:nth-child(7) {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
		opacity: 0
	}

	.menu-button.active .squares span:nth-child(8) {
		-webkit-transform: translate3d(-2px, -2px, 0) rotate(45deg) scale(.5, 3);
		transform: translate3d(-2px, -2px, 0) rotate(45deg) scale(.5, 3)
	}

	.menu-button.active .squares span:nth-child(9) {
		-webkit-transform: translate3d(-4px, 0, 0);
		transform: translate3d(-4px, 0, 0);
		opacity: 0
	}

	.menu-button.active .close-button {
		opacity: 1;
		transition-delay: 700ms
	}

	.menu-button.active p span:nth-child(1) {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	.menu-button.active p span:nth-child(2) {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	.main-nav {
		text-transform: none;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		padding: 130px 50px;
		box-sizing: border-box
	}

	.main-nav .background {
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0
	}

	.main-nav li {
		height: 58px;
		overflow: hidden
	}

	.main-nav a {
		font: 300 40px/60px 'futura-pt', Arial;
		color: #FFF;
		display: inline-block;
		position: relative;
		padding: 0 10px
	}

	.main-nav ul div {
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -11px;
		white-space: nowrap;
		width: 100%;
		height: 20px
	}

	.main-nav b {
		display: block;
		height: 2px;
		width: 100%;
		background: #b9ac9c;
		float: left;
		top: 9px;
		position: relative
	}

	.main-nav span {
		display: block;
		font: 600 10px/12px 'Minion Pro', Times, serif;
		position: absolute;
		top: 50%;
		margin-top: -5px;
		right: 0;
		color: #b9ac9c;
		width: 100%;
		text-align: right
	}

	.main-nav {
		transition: -webkit-transform 0ms cubic-bezier(.25, .25, .75, .75) 700ms, opacity 700ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 0ms cubic-bezier(.25, .25, .75, .75) 700ms, opacity 700ms cubic-bezier(.19, 1, .22, 1) 0ms;
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		z-index: 2
	}

	.main-nav a {
		transition: -webkit-transform 0ms cubic-bezier(.19, 1, .22, 1) 700ms;
		transition: transform 0ms cubic-bezier(.19, 1, .22, 1) 700ms;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	.main-nav li.displayed a {
		transition: -webkit-transform 700ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 700ms cubic-bezier(.19, 1, .22, 1) 0ms;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	.main-nav b {
		-webkit-transform: translate3d(-101%, 0, 0);
		transform: translate3d(-101%, 0, 0);
		transition: -webkit-transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	.main-nav span {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		transition: -webkit-transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms, opacity 300ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms, opacity 300ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	.main-nav ul div {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		overflow: hidden;
		transition: -webkit-transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms;
		padding-right: 50px
	}

	.main-nav a:hover div {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		transition: -webkit-transform 0ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 0ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	.main-nav a:hover b {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		transition: -webkit-transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	.main-nav a:hover span {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
		transition: opacity 1000ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	.main-nav.displayed {
		transition: -webkit-transform 0ms cubic-bezier(.25, .25, .75, .75) 0ms, opacity 700ms cubic-bezier(.19, 1, .22, 1);
		transition: transform 0ms cubic-bezier(.25, .25, .75, .75) 0ms, opacity 700ms cubic-bezier(.19, 1, .22, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
		z-index: 11;
		background-color: rgba(33, 35, 41, .99);
	}

	.main-nav.on-works-page {
		background: rgba(33, 35, 41, .99)
	}

	.popin-share {
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%
	}

	.popin-share .close-button {
		position: absolute;
		top: 61px;
		left: 60px;
		font: 600 10px/12px 'Minion Pro', Times, serif;
		letter-spacing: .36em;
		height: 12px;
		color: #FFF
	}

	.popin-share {
		transition: -webkit-transform 0ms cubic-bezier(.25, .25, .75, .75) 700ms, opacity 700ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 0ms cubic-bezier(.25, .25, .75, .75) 700ms, opacity 700ms cubic-bezier(.19, 1, .22, 1) 0ms;
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		z-index: 2
	}

	.popin-share.displayed {
		transition: -webkit-transform 0ms cubic-bezier(.25, .25, .75, .75) 0ms, opacity 700ms cubic-bezier(.19, 1, .22, 1);
		transition: transform 0ms cubic-bezier(.25, .25, .75, .75) 0ms, opacity 700ms cubic-bezier(.19, 1, .22, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
		z-index: 14;
		background: rgba(33, 35, 41, .99);
	}

	.popin-share.displayed~.menu-button {
		opacity: 0
	}

	.popin-share.on-works-page {
		background: rgba(33, 35, 41, .99)
	}

	.popin-share.on-works-page .close-button {
		top: 38px
	}

	.intro {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2
	}

	.intro .band {
		width: 100%;
		height: 100%;
		background: #b9ac9c
	}

	.intro .mask {
		height: 30px;
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		overflow: hidden
	}

	.intro .mask:nth-child(1) {
		margin-top: -50px
	}

	.intro .mask:nth-child(2) {
		margin-top: 20px
	}

	.intro .band-big {
		height: 150px;
		margin-top: -75px;
		top: 50%;
		position: absolute;
		left: 0;
		z-index: 2
	}

	.intro .text {
		font: 800 350px/350px Conduit, Helvetica, sans-serif;
		color: #FFF;
		width: 100%;
		position: absolute;
		top: 50%;
		left: 0;
		text-align: center;
		margin-top: -145px
	}

	.intro .text span {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%
	}

	.intro .band,
	.intro .mask {
		transition: -webkit-transform 700ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 700ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	.intro .band-big {
		transition-duration: 1000ms
	}

	.intro .mask:nth-child(1) {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	.intro .band-big,
	.intro .mask:nth-child(2) {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	.intro .text span {
		opacity: 0
	}

	.intro.state-1 .mask:nth-child(1) {
		-webkit-transform: translate3d(-40%, 0, 0);
		transform: translate3d(-40%, 0, 0)
	}

	.intro.state-1 .mask:nth-child(2) {
		-webkit-transform: translate3d(40%, 0, 0);
		transform: translate3d(40%, 0, 0)
	}

	.intro.state-2 .mask:nth-child(1) {
		-webkit-transform: translate3d(-40%, 0, 0);
		transform: translate3d(-40%, 0, 0)
	}

	.intro.state-2 .mask:nth-child(1) .band-small {
		-webkit-transform: translate3d(80%, 0, 0);
		transform: translate3d(80%, 0, 0)
	}

	.intro.state-2 .mask:nth-child(2) {
		-webkit-transform: translate3d(40%, 0, 0);
		transform: translate3d(40%, 0, 0)
	}

	.intro.state-2 .mask:nth-child(2) .band-small {
		-webkit-transform: translate3d(-80%, 0, 0);
		transform: translate3d(-80%, 0, 0)
	}

	.intro.state-3 .band-big {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	.intro.state-3 .text span.displayed {
		opacity: 1
	}

	.intro.state-4 .mask {
		display: none
	}

	.intro.state-4 .band-big {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	.borders div {
		position: fixed;
		background: #e7e7e7;
		z-index: 12
	}

	.borders .left,
	.borders .top {
		top: 0;
		left: 0
	}

	.borders .bottom,
	.borders .right {
		bottom: 0;
		right: 0
	}

	.borders .bottom,
	.borders .top {
		height: 15px;
		width: 100%
	}

	.borders .left,
	.borders .right {
		width: 15px;
		height: 100%
	}

	.borders .top {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	.borders .bottom {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	.borders .left {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	.borders .right {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	.borders div {
		transition: -webkit-transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	.borders.displayed div {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		transition: -webkit-transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	#part-home {
		box-sizing: border-box;
		height: 100%;
		width: 100%;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden
	}

	#part-home .contact {
		position: absolute;
		top: 58px;
		right: 58px;
		color: #888;
		font-size: 12px;
		line-height: 18px;
		font-weight: 600;
		text-align: right;
		z-index: 3
	}

	#part-home .contact p {
		letter-spacing: .36em
	}

	#part-home .contact a {
		display: block;
		color: #888;
		font-size: 14px;
		text-transform: none
	}

	#part-home .follow {
		bottom: 58px
	}

	#part-home .center {
		position: relative;
		top: 50%;
		margin-top: -314px
	}

	#part-home .center p {
		max-width: 740px;
		width: 60%;
		margin: 25px auto 0;
		color: #888;
		font-size: 19px;
		line-height: 32px;
		text-transform: none;
		text-align: center;
		margin-top: 20px;

	}




	#part-home .center p a,
	#part-home .center p strong {
		color: #888
	}

	#part-home .cock {
		width: 22px;
		height: 30px;
		fill: #888;
		margin-bottom: 10px
	}

	#part-home h1 {
		color: #888;
		letter-spacing: 4px
	}

	#part-home h2 {
		color: #888;
		display: block;
		font-size: 14px
	}

	#part-home h2 span:nth-child(2) {
		font: 800 145px/120px 'futura-pt', Helvetica, sans-serif;
		color: #888;
		display: block;
		letter-spacing: .04em;
		margin: 25px 0 5px
	}

	#part-home h2 span:nth-child(1),
	#part-home h2 span:nth-child(3) {
		letter-spacing: .36em;
		font-weight: 600
	}

	#part-home h2 span:nth-child(1):after,
	#part-home h2 span:nth-child(1):before,
	#part-home h2 span:nth-child(3):after,
	#part-home h2 span:nth-child(3):before {
		display: inline-block;
		content: '';
		height: 1px;
		width: 35px;
		margin: 0 15px;
		position: relative;
		top: -4px
	}

	#part-home h2 span:nth-child(1):before,
	#part-home h2 span:nth-child(3):before {
		background: linear-gradient(to right, rgba(185, 172, 156, 0) 0, #b9ac9c 100%)
	}

	#part-home h2 span:nth-child(1):after,
	#part-home h2 span:nth-child(3):after {
		background: linear-gradient(to right, #b9ac9c 0, rgba(185, 172, 156, 0) 100%)
	}

	#part-home.hidden {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
		opacity: 0;
		transition: -webkit-transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms, opacity 1000ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms, opacity 1000ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	#part-home .center h2 span:nth-child(2) {
		transition: -webkit-transform 5000ms cubic-bezier(.39, .575, .565, 1) 0ms, color 1000ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 1000ms cubic-bezier(.39, .575, .565, 1) 0ms, color 1000ms cubic-bezier(.19, 1, .22, 1) 0ms;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 0
	}

	#part-home .center .cock,
	#part-home .center .zigouigoui,
	#part-home .center h1,
	#part-home .center h2 span,
	#part-home .center p {
		transition: opacity 1000ms cubic-bezier(.39, .575, .565, 1) 0ms, color 1000ms cubic-bezier(.19, 1, .22, 1) 0ms;
		opacity: 0
	}

	#part-home .center .cock {
		transition: fill 1000ms cubic-bezier(.19, 1, .22, 1) 0ms, opacity 7000ms cubic-bezier(.39, .575, .565, 1) 0ms
	}

	#part-home .center p strong {
		transition: color 1000ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	#part-home .center h2 span:nth-child(2).displayed {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	#part-home .center .cock-container.displayed .cock,
	#part-home .center .zigouigoui.displayed,
	#part-home .center h1.displayed,
	#part-home .center h2 span.displayed,
	#part-home .center p.displayed {
		opacity: 1
	}

	#part-home .contact,
	#part-home .follow {
		transition: opacity 1000ms cubic-bezier(.39, .575, .565, 1) 0ms;
		opacity: 0
	}

	#part-home .contact.displayed,
	#part-home .follow.displayed {
		opacity: 1
	}

	#part-home .follow b {
		transition: background 1000ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	#part-home .follow a,
	#part-home .follow span,
	#part-home a,
	#part-home p strong {
		transition: color 1000ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	.main-nav.displayed~#part-home .cock,
	.popin-share.displayed~#part-home .cock {
		fill: #212329
	}

	.main-nav.displayed~#part-home .contact a,
	.main-nav.displayed~#part-home .follow a,
	.main-nav.displayed~#part-home .follow span,
	.main-nav.displayed~#part-home h1,
	.main-nav.displayed~#part-home h2,
	.main-nav.displayed~#part-home h2 span:nth-child(2),
	.main-nav.displayed~#part-home p,
	.main-nav.displayed~#part-home p a,
	.main-nav.displayed~#part-home p strong,
	.popin-share.displayed~#part-home .contact a,
	.popin-share.displayed~#part-home .follow a,
	.popin-share.displayed~#part-home .follow span,
	.popin-share.displayed~#part-home h1,
	.popin-share.displayed~#part-home h2,
	.popin-share.displayed~#part-home h2 span:nth-child(2),
	.popin-share.displayed~#part-home p,
	.popin-share.displayed~#part-home p a,
	.popin-share.displayed~#part-home p strong {
		color: #212329
	}

	.main-nav.displayed~#part-home .follow b,
	.popin-share.displayed~#part-home .follow b {
		background: #212329
	}

	.main-nav.displayed~#part-home h2 span:nth-child(1):before,
	.main-nav.displayed~#part-home h2 span:nth-child(3):before,
	.popin-share.displayed~#part-home h2 span:nth-child(1):before,
	.popin-share.displayed~#part-home h2 span:nth-child(3):before {
		background: linear-gradient(to right, rgba(33, 35, 41, 0) 0, #212329 100%)
	}

	.main-nav.displayed~#part-home h2 span:nth-child(1):after,
	.main-nav.displayed~#part-home h2 span:nth-child(3):after,
	.popin-share.displayed~#part-home h2 span:nth-child(1):after,
	.popin-share.displayed~#part-home h2 span:nth-child(3):after {
		background: linear-gradient(to right, #212329 0, rgba(33, 35, 41, 0) 100%)
	}

	.main-nav.displayed~#part-home .zigouigoui span,
	.popin-share.displayed~#part-home .zigouigoui span {
		border-color: #212329
	}

	.zigouigoui {
		margin: 55px 0
	}

	.zigouigoui span {
		display: inline-block;
		height: 7px;
		width: 7px;
		border: 1px solid #b9ac9c;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.works {
		padding: 0 50px;
		max-width: 1800px;
		box-sizing: border-box;
		margin: 0 auto;
		width: 100%
	}

	.works .center {
		padding: 0
	}

	.works+.follow {
		top: 35px
	}

	.works article>a {
		color: #b9ac9c;
		font: 800 30px/36px Conduit, Helvetica, sans-serif;
		letter-spacing: .22em
	}

	.works article:last-child {
		padding: 0
	}

	.works:before {
		content: '';
		display: block;
		height: 85px;
		width: 100%;
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden
	}

	article>a {
		opacity: 0
	}

	article h1,
	article h1 span {
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
		opacity: 0;
		transition: -webkit-transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms, opacity 1000ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms, opacity 1000ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	article h1.hidden {
		opacity: 0;
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	article header {
		transition: -webkit-transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms, opacity 1000ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 1000ms cubic-bezier(.19, 1, .22, 1) 0ms, opacity 1000ms cubic-bezier(.19, 1, .22, 1) 0ms;
		opacity: 0
	}

	article img {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
		transform: translate3d(0, 100px, 0);
		transition: -webkit-transform 2000ms cubic-bezier(.19, 1, .22, 1) 0ms, opacity 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 2000ms cubic-bezier(.19, 1, .22, 1) 0ms, opacity 2000ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	article.displayed header {
		opacity: 1
	}

	article.displayed img {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	article.displayed.active h1,
	article.displayed.active h1 span {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		transition: -webkit-transform 1500ms cubic-bezier(.19, 1, .22, 1) 0ms, opacity 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
		transition: transform 1500ms cubic-bezier(.19, 1, .22, 1) 0ms, opacity 2000ms cubic-bezier(.19, 1, .22, 1) 0ms
	}

	article.displayed.active+article h1,
	article.displayed.active+article h1 span {
		-webkit-transform: translate3d(0, 15px, 0);
		transform: translate3d(0, 15px, 0)
	}

	.work-content {
		width: 100%;
		background: #f9f9f9;
	}

	.work-content h1 {
		position: fixed;
		width: 300px;
		top: 0;
		left: 50%;
		margin-left: -150px;
		font-size: 22px;
		color: #888;
		text-align: center;
		line-height: 85px;
		text-transform: none;
		z-index: 2
	}

	.work-content h1 span {
		color: #b9ac9c;
		font-weight: 600;
		font-size: 12px;
		position: relative;
		top: -10px;
		margin-left: 10px;
		letter-spacing: .36em
	}

	.work-content header {
		overflow: auto;
		margin-bottom: 90px
	}

	.work-content .center {
		padding: 150px 50px;
		max-width: 1540px;
		box-sizing: border-box;
		margin: 0 auto;
		width: 100%
	}

	.work-content .double-pic {
		clear: both
	}

	.work-content .double-pic img {
		width: calc(50% - 20px);
		float: left
	}

	.work-content .double-pic img:nth-child(1) {
		margin-right: 20px
	}

	.work-content .double-pic img:nth-child(2) {
		margin-left: 20px
	}

	.work-content .pic {
		margin-bottom: 10px;
		box-shadow: 0 0 10px 0 #1c1e23
	}

	.work-content img {
		display: block;
		width: 100%;
		margin-bottom: 40px
	}

	.work-content .description {
		padding: 0 10%
	}

	.work-content .description>p {
		font: 800 13px/14px Conduit, Helvetica, sans-serif;
		letter-spacing: .36em;
		float: left;
		margin-top: 4px
	}

	.work-content .description .text {
		font-size: 24px;
		line-height: 32px;
		color: #888;
		float: right;
		width: 75%;
		text-transform: none;
		-webkit-font-smoothing: antialiased;
		padding-left: 25px;
		box-sizing: border-box
	}

	.work-content .description .text a:not(.visit) {
		color: #FFF;
		text-decoration: underline
	}

	.work-content .description a.visit {
		color: #b9ac9c;
		font: 800 13px/32px Conduit, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing: .22em;
		display: block;
		margin-top: 10px
	}

	@media screen and (max-width:960px) {
		#part-home {
			overflow: visible
		}

		#part-home .center {
			top: 0;
			margin-top: 0;
			padding: 100px 50px;
			box-sizing: border-box;
			width: 100%
		}

		.work-content .center {
			padding-bottom: 50px
		}

		.work-content .description {
			padding: 0
		}

		.work-content .description>p {
			display: block;
			float: none;
			margin-bottom: 20px
		}

		.work-content .description .text {
			width: 100%;
			float: none;
			padding-left: 0
		}

	}

	@media screen and (max-width:640px) {
		.menu-button {
			top: 20px;
			left: 20px
		}

		.menu-button:before {
			content: '';
			display: block;
			height: 34px;
			width: 34px;
			background: #FFF;
			border-radius: 100%;
			opacity: .04;
			position: absolute;
			top: 8px;
			left: 7px;
			z-index: 0
		}

		.menu-button .squares {
			margin-right: 20px
		}

		.menu-button .close-button,
		.menu-button.up {
			top: 20px;
			left: 20px
		}

		.menu-button.up>p {
			display: none
		}

		.main-nav {
			padding: 80px 20px 20px
		}

		.main-nav li {
			height: 34px
		}

		.main-nav a {
			font-size: 25px;
			line-height: 40px
		}

		#part-home {
			overflow: visible
		}

		#part-home .bottom,
		#part-home .top {
			height: 8px
		}

		#part-home .left,
		#part-home .right {
			width: 8px
		}
/* 
		#part-home .contact,
		#part-home .follow {
			display: none
		} */

		#part-home .center {
			padding: 60px 10px;
		}

		#part-home h1 {
			font-size: 12px
		}

		#part-home .zigouigoui {
			margin: 30px 0
		}

		#part-home h2 span {
			font-size: 12px
		}

		#part-home h2 span:nth-child(2) {
			font-size: 63px;
			line-height: 66px;
			margin: 15px auto 7px
		}

		#part-home h2 span:nth-child(1):after,
		#part-home h2 span:nth-child(1):before,
		#part-home h2 span:nth-child(3):after,
		#part-home h2 span:nth-child(3):before {
			width: 15px
		}

		#part-home h2 span:nth-child(1):before,
		#part-home h2 span:nth-child(3):before {
			margin: 0 10px 0 0
		}

		#part-home h2 span:nth-child(1):after,
		#part-home h2 span:nth-child(3):after {
			margin: 0 0 0 10px
		}

		#part-home .center p {
			font-size: 18px;
			line-height: 27px;
			margin-top: 50px;
			box-sizing: border-box;
			padding: 0 20px
		}

		.back-button {
			display: none
		}

		.work-content h1 {
			position: relative;
			width: 100%;
			left: 0;
			margin-left: 0
		}

		.work-content .center {
			padding: 50px
		}

		.work-content .description {
			padding: 0
		}

		.work-content .description>p {
			display: none
		}

		.work-content .description .text {
			width: 100%;
			float: none;
			font-size: 19px;
			line-height: 28px
		}

		.work-content .description a.visit {
			font-size: 9px
		}

		.work-content .double-pic img {
			width: calc(50% - 5px)
		}

		.work-content .double-pic img:nth-child(1) {
			margin-right: 5px
		}

		.work-content .double-pic img:nth-child(2) {
			margin-left: 5px
		}

		.work-content img {
			margin-bottom: 10px
		}

		.share-container {
			display: none
		}

		.works {
			padding: 5px 0
		}

		.works:before {
			display: none
		}

	}

	.h-serif {
		font-family: "freight-big-pro";
		letter-spacing: .5px;
		font-weight: 700;
	}

	.a-serif {
		font-family: "freight-big-pro";
		letter-spacing: .5px;
	}

	.home-about {
		font-family: "freight-big-pro";
		letter-spacing: .5px;
	}

	.caleb-image {
		margin-top: 30px;
	}

	.signature {
		width: 150px;
	}

	.social-ul {
		width: 40%;
		margin: 30px auto 70px;
	}

	.social-ul li {
		font-family: "freight-big-pro";
		letter-spacing: .5px;
		list-style: none;
		float: left;
		width: 33.3%;
		display: none;
	}

	.futura-header {
		font-weight: 700;
		letter-spacing: 8px;
		margin-bottom: 1rem;
	}

	@media screen and (max-width:1100px) {

		#part-home .center p {
			width: 98%;
			margin-top: 20px;
		}
	}

	@media screen and (max-width:960px) {
		.social-ul {
			width: 80%;
			margin: 30px auto 70px;
		}
		#part-home .center p {
			width: 95%;
			margin-top: 20px;
		}
	}

	@media screen and (max-width:767px) {

		#part-home .center {
			margin-top: 20px;
		}

		#part-home .contact
		{
			top:38px;
			right:38px;
			display: block;
		}

		#part-home .center p {
			width: 90%;
			margin-top: 20px;
		}
		.follow {
			display: block;
		}
	}
	@media screen and (max-width:500px){
		.follow {
			display: block;
		}
	}
}