@charset "UTF-8";
/* CSS Document */

/* typography */
/* P22 */

.xlarge_title_serif {
	font-family: 'P22MackinacProBook';
	font-size: 10vw;
	line-height: 10vw;
	font-weight:100;
	font-style: normal;
	letter-spacing:0px;
	
}

.large_title_serif {
	font-family: 'P22MackinacProBook';
	font-size: 9vw;
	line-height: 9vw;
	font-weight:100;
	letter-spacing:0px;	
}

.med_title_serif {
	font-family: 'P22MackinacProBook';
	font-size: 8vw;
	line-height: 8vw;
	font-weight:100;
	font-style: normal;
	letter-spacing:0px;
}

.title_serif {
	font-family: 'P22MackinacProBook';
	font-size: 6.8vw;
	line-height: 6.8vw;
	font-weight:100;
	font-style: normal;
	letter-spacing:0px;
}

.small_title_serif {
	font-family: 'P22MackinacProBook';
	font-size: 3.4vw;
	line-height: 3.4vw;
	font-weight:100;
	font-style: normal;
	letter-spacing:0px;
}

.text_serif {
	font-family: 'P22MackinacProBook';
	font-size: 3vw;
	line-height: 3.8vw;
	font-weight:100;
	font-style: normal;
	letter-spacing:0px;
}

.text_list_serif {
	font-family: 'P22MackinacProBook';
	font-size: 2vw;
	line-height: 2.8vw;
	font-weight:100;
	font-style: normal;
	letter-spacing:0px;
}

/* typography */
/* GT */

.med_sans {
	font-family: 'GT-Walsheim-Medium';
	font-size: 3.4vw;
	line-height: 3.4vw;
	font-weight:100;
	font-style: normal;
	letter-spacing:.5px;	
}

.small_sans  {
	font-family: 'GT-Walsheim-Medium';
	font-size: 2.8vw;
	line-height: 2.8vw;
	font-weight:100;
	font-style: normal;
	letter-spacing:.5px;	
}

.small_list_sans  {
	font-family: 'GT-Walsheim-Medium';
	font-size: 2vw;
	line-height: 2vw;
	font-weight:100;
	font-style: normal;
	letter-spacing:.5px;	
}
.xsmall_sans  {
	font-family: 'GT-Walsheim-Medium';
	font-size: 2vw;
	line-height: 2vw;
	font-weight:100;
	font-style: normal;
	letter-spacing:0px;
}

#sticker {
	width:16vw;
	height:16vw;
}

@keyframes moveX {
  from { left: 0;  } to { left: calc(100% - 16vw); }
}

@keyframes moveY {
  from { top: 0; } to { top: calc(100% - 16vw); }
}

#top {
	width:100%;
	height:10vh;
}

#worklink {
	left:40px;
	font-size: 3vw;
}

#aboutlink {
	right:40px;
	font-size: 3vw;
}

#logo {
	width: 28vw;
}

#right {
	display: none;
}

#bottom {
	width:calc(100vw - 120px);
	height:12vh;
	position: absolute;
	bottom:0px;
	left:60px;
	border-top: 1px solid #000;
	z-index: 1;
	background: #f8edd9;
	display: flex;
	align-items: center;
	justify-content: center;
}

#left {
	display: none;
}

#bottom {
    width: 100%;
    height: 10vh;
    position: relative;
    bottom: 0px;
	top:10vh;
    left: 0px;
	border-top:0px;
}

.wrapper {
	width:100%;
	min-height:initial;
	height:auto;
	top:10vh;
}

h1 {
	padding:40px 0px 36px 0px;
}

.split {
	width:100%;
	height:30vh;
	position: relative;
	border-right:0;
	border-bottom:1px solid #000;
	z-index: 1;
}

.right {
	left:0%;
}

.main_content {
    width: 100%;
    top: 10vh;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

h2.workquote {
    padding: 80px 0px 80px 0px;
    width: 80%;
}

.tags {
	padding: 2vw 2.6vw;
	margin:1vw 1vw 1vw 0vw;
}

.buttlink {
	padding: 2vw 2.6vw;
	margin:1vw 1vw 1vw 0vw;
}

.footer_holder {
    display: block;
	padding: 0% 10% 0% 10%;
}

.footer_split {
    width: 100%;
    float: none;
    flex: none;
}

.footer_links {
	display: block; 
	height: 100%;
	margin-left: -12px;
}

.footer_bar p {
    padding-left: 10%;
}

.sticker_footer {
    width: 8vw;
    right: 10%;
    bottom: 30px;
}