/**
 * @license
 * MyFonts Webfont Build ID 3131335, 2015-11-25T11:25:37-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: FuturaLTPro-Bold by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/futura/pro-bold/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 2007 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be reproduced, 
 * Licensed pageviews: 500,000
 *
 * Webfont: FuturaLTPro-Medium by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/futura/pro-medium/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 2007 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be reproduced, 
 * Licensed pageviews: 250,000
 * 
 * Webfont: CenturyExpandedLTStd-Italic by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/century-expanded-lt/expanded-italic/
 * Copyright: Copyright © 1988, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * Licensed pageviews: 250,000
 * 
 * Webfont: CenturyExpandedLTStd by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/century-expanded-lt/expanded/
 * Copyright: Copyright © 1988, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * Licensed pageviews: 250,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3131335
 * 
 * © 2015 MyFonts Inc
*/

/* SITE FONTS
.FuturaLTPro-Bold { 
	font-family: FuturaLTPro-Bold;
	font-weight: normal;
	font-style: normal;
}
.FuturaLTPro-Medium { 
	font-family: FuturaLTPro-Medium, sans-serif;
	font-weight: normal;
	font-style: normal;
}
.CenturyExpandedLTStd-Italic { 
	font-family: CenturyExpandedLTStd-Italic, sans-serif;
	font-weight: normal;
	font-style: normal;
}
.CenturyExpandedLTStd { 
	font-family: CenturyExpandedLTStd, sans-serif;
	font-weight: normal;
	font-style: normal;
}*/

/*
	SITE COLORS:
	dark orange - #bd4219
	med orange - #d64a1c
	orange - #cf4606
	brown - #3f2815
	dark brown - #332618
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2fc7c7");

  
@font-face {font-family: 'FuturaLTPro-Bold';src: url('../webfonts/2FC7C7_0_0.eot');src: url('../webfonts/2FC7C7_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2FC7C7_0_0.woff2') format('woff2'),url('../webfonts/2FC7C7_0_0.woff') format('woff'),url('../webfonts/2FC7C7_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaLTPro-Medium';src: url('../webfonts/2FC7C7_1_0.eot');src: url('../webfonts/2FC7C7_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2FC7C7_1_0.woff2') format('woff2'),url('../webfonts/2FC7C7_1_0.woff') format('woff'),url('../webfonts/2FC7C7_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CenturyExpandedLTStd-Italic';src: url('../webfonts/2FC7C7_2_0.eot');src: url('../webfonts/2FC7C7_2_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2FC7C7_2_0.woff2') format('woff2'),url('../webfonts/2FC7C7_2_0.woff') format('woff'),url('../webfonts/2FC7C7_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CenturyExpandedLTStd';src: url('../webfonts/2FC7C7_3_0.eot');src: url('../webfonts/2FC7C7_3_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2FC7C7_3_0.woff2') format('woff2'),url('../webfonts/2FC7C7_3_0.woff') format('woff'),url('../webfonts/2FC7C7_3_0.ttf') format('truetype');}


/* DEFAULT STYLES - SMALL SCREENS */
* {
	box-sizing: border-box;
}

html, body {
	font-family: CenturyExpandedLTStd, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #3f2815;
	font-size: 10px;
	line-height: 1.5;
	background: #fffcf9;
	background: #fff;
}

html {
	position: relative;
	width: 100%;
}

body {
	margin: 0;
	width: 100%;
	max-width: 1000px;
	margin: auto;
}

strong {
	font-family: 'FuturaLTPro-Bold', sans-serif;

}

a, a:link, a:active, a:hover {
	text-decoration: none;
}	

	a.focus:focus-visible {
		outline: 2px solid #a93905;
	}

p {
	font-size: 1.6rem;
	margin-bottom: 1em;
	margin-top: 0;
}

ul {
	padding: 0;
	list-style-type: none;
}

	ul, ul li, ol, ol li {
		font-size: 1.6rem;
	}

	ol, ul.bullets {
		padding-left: 4rem;
	}
	
	ul.bullets {
		list-style-type: disc;
		text-align: left;
	}

nav {
	text-align: center;
	background: #fff;
}

	main {
	text-align: center;
	padding: 3rem 3rem 0 3rem;
	height: 100%;
}

	main section:first-of-type {
		padding-top: 0;
	}

	main h1 {
		font-size: 3.6rem;
	}	

	main h2 {
		font-size: 2.8rem;
	}

	main h3 {
		font-size: 2.2rem;
	}

	main h4 {
		font-size: 2.0rem;
	}

	main h5, main p, main ul li {
		font-size: 1.6rem;
	}

	main h6 {
		font-size: 1.4rem;
	}
		
	main h1, h2, h3, h4, h5, h6 {
		font-family: FuturaLTPro-Bold;
		font-weight: normal;
		margin-bottom: .5em;
		margin-top: 0;
	}

	.emphasis.text {
		font-family: CenturyExpandedLTStd-Italic, sans-serif;
		font-style: normal;
		font-weight: normal;
	}

/* HOMEPAGE / PORTFOLIO GRID */
.portfolio-category-container {
	max-width: 1600px;
	border-bottom: 1px solid rgba(63, 40, 21, .18);
	padding: 0 0 4rem 0;
	margin-bottom: 3.4rem;
}

.portfolio-category-container:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

	.portfolio a {
		cursor: pointer;
	} 

/* THUMBNAILS */
.img-responsive {
	width: 100%;
	max-width: 400px;
	min-width: 0;
}

.thumbnail {
	border: none;
	border-radius: 0;
	background-color: transparent;
	text-align: center;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
}

	.thumbnail img, img.thumbnail, .portfolio-piece-embedded-image-set img, .image-embedded img {
		border: 1px solid rgba(63, 40, 21, .18);
		border-radius: 1.6em;
	}

	.visual-design-grid img.img-responsive {
		box-shadow: none;
		border: 1px solid rgba(63, 40, 21, .18);
	}

	.portfolio-piece-embedded-image-set img {
		margin-bottom: 1.6rem;
	}

	.page-title h4 {
		font-size: 3rem;
		margin-bottom: 2.4rem;
	}
	
	.details p, .page-title p {
		font-size: 2em;
		margin-bottom: 1em;
		font-family: 'CenturyExpandedLTStd-Italic', sans-serif;
		font-style: normal;
		font-weight: normal;
	}

	.details p, .details a {
		font-family: 'CenturyExpandedLTStd', sans-serif;
		font-style: normal;
		font-weight: normal;
	}

	.details p, .details a, .section-subhead {
		color: rgba(63, 40, 21, .8)
	}

	.details a {
		border-bottom: 1px solid currentcolor;
	}

	.details h4, .details-smol h4 {
		font-family: FuturaLTPro-Bold;
		font-weight: normal;
		font-style: normal;
		font-size: 2.2em; 
		margin-top: .5em;
	}

	.details-smol h4 {
		font-size: 1.8em;
		margin-bottom: 0;
		margin-top: 0;
	}

	.bookmark p {
		font-size: 1.4rem;
		margin-top: .25em;
		margin-bottom: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
		a .thumbnail h4, a .thumbnail p {
			color: #3f2815;
		}

/* NAVIGATION */
nav {
	font-family: FuturaLTPro-Bold;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .15em;
	width: 100%;
	font-size: 1.4em;
	grid-area: nav;
	padding: 2em 3% 1em 3%;
	padding-top: 25px;
	position: sticky;
	top: 0;
	z-index: 500;
}

	nav a {
		padding: 5px 0 3px 0;
		margin: 0 5px 0 5px;
		color: #3f2815;
		font-weight: normal;
		letter-spacing: .15em;
	}
	
		nav a:visited, nav a:active {
			color: #3f2815;
			text-decoration: none;
		}
		
		nav a:hover {
			color: #cf4606;
			/* border-bottom: 3px solid #3f2815; */
			text-decoration: none;
			transition: border-bottom .25s ease-in-out; 
		}

		nav a.current {
			/* color: #cf4606; */
			border-bottom: 3px solid currentColor;
		}

		/* nav a.current:hover {
			color: #a93905;
			border-bottom: 3px solid #3f2815;
			text-decoration: none;
			transition: color .3s ease-in-out;
			-moz-transition: color .3s ease-in-out;
			-webkit-transition: color .3s ease-in-out;
			transition: border-bottom .25s ease-in-out; 
		} */
			
			nav.visible-xs-inline {
				text-align: left;
			}
			
/* MOBILE NAV - MENU BUTTON */
.checkbox_toggle {
	position: absolute;
	left: -999px;
	width: auto;
	display: none;
}

/* FOOTER */
footer {
	width: 100%;
	padding: 4rem 3rem;
	font-size: 1.6rem;
	color: #3f2815;
	text-align: center;
	font-family: FuturaLTPro-Medium, sans-serif;
	margin-top: 2rem;
}

	footer a {
		color: #cf4606;
		font-family: CenturyExpandedLTStd, sans-serif;
		border-bottom: 1px solid currentcolor;
	}

	footer .section-title {
		grid-area: title;
		margin-bottom: .3em;
		font-size: 2.2rem;
	}

	footer img {
		grid-area: image;
		display: none;
	}

	footer h4 {
		display: none;
	}

	footer .footer_links {
		grid-area: footer_links;
	}

		.footer_links a {
			margin-right: 1rem;
			display: inline;
		}

		.footer_links a:last-child {
			margin-right: 0;
		}
	
		.footer_social_link, .footer_email_link {
			display: inline-block;
			margin-bottom: 1em;
		}

	footer.simple {
		bottom: 0;
	}
		
	.copyright_line {
		grid-area: copyright;
		font-family: FuturaLTPro-Medium, sans-serif;
		font-size: 1.2rem;
		margin-bottom: 0;
		line-height: 24px;
		text-align: center;
	}

/* LINKS */

.breadcrumb, breadcrumb a {
	font-family: 'FuturaLTPro-Medium', sans-serif;
	padding: 1em 0;
}
	.breadcrumb a {
		border-bottom: 2px solid currentcolor;
		margin-bottom: .25em;
	}

/* REMOVES FIREFOX OUTLINES AROUND ANCHORS */
a:hover, a:active, a:focus, a:link, a:visited {
	outline: 0;
	outline-style: none;
  }

a, a:visited, a:active {
	text-decoration: none;
	color: #cf4606;
}

a.in-text-link, a.in-text-link:visited, a.in-text-link:active {
	color: #cf4606;
	font-family: CenturyExpandedLTStd, sans-serif;
	border-bottom: 1px solid currentcolor;
}

a.in-text-link:hover, a:hover {
	color: #a93905;
	transition: color .15s ease-in-out;
}

/* HEADER */
header {
	min-width: 100%;
	text-align: center;
	padding: 2em 3%;
	top: 0;
	z-index: 300;
}

	a.link-logo-jackalope {
		max-height: 150px;
		grid-area: logo;
	}

	header h1 {
		color: #cf4606;
		font-family: FuturaLTPro-Bold, sans-serif;
		font-weight: normal;
		font-size: 3rem;
		margin-bottom: 0;
		margin-top: 2rem;
	}

	header img {
		display: none;
	}

	.header_bio {
		/* grid-area: bio; */
		grid-area: title;
	}

	header p {
		font-size: 1.8rem;
		margin-bottom: 0;
	}

/* PAGE TITLES & SUBTITLES */			
.section-title {
	margin-bottom: .75em;
	margin-top: 0;
	text-align: center;
} 

.section-subhead {
	font-family: 'CenturyExpandedLTStd-Italic', sans-serif;
	font-weight: normal;
	font-style: normal;
	letter-spacing: normal;
	text-transform: none;
	margin-top: 0;
	margin-bottom: .75em;
}

.subhead-tertiary {
	font-family: FuturaLTPro-Medium, sans-serif;
}

	.subhead-tertiary, .subhead-secondary {
		text-transform: none;
		letter-spacing: normal;
		font-size: 1.6rem;
		margin-block-end: .5em;
		font-weight: normal;
		font-style: normal;
	}

/* ABOUT */
.about-container {
	max-width: 650px;
	margin: auto;
	text-align: center;
}

	.about-container p {
		text-align: left;
		max-width: 100ch;
	}

	.section-title {
		grid-area: title;
	}

	.about-container img {
		grid-area: image;
		margin-bottom: 2rem;
	}

	.about-bio {
		grid-area: bio;
	}

/* RESUME */
.resume-container {
	max-width: 650px;
	margin: auto;
}

	p.job-summary {
		text-align: left;
	}

	h5.gpa {
		font-family: 'CenturyExpandedLTStd', sans-serif;
		font-weight: normal;
		font-style: normal;
		letter-spacing: normal;
		text-transform: none;
	}

	.resume-container img {
		display: none;
	}

	.resume-container ul {
		text-align: left;
		list-style-type: disc;
		margin-left: 1.5rem;
	}

		.resume-container ul li {
			margin-bottom: 1em;
			margin-top: 0;
		}

		.skills ul li {
			display: inline;
			margin-bottom: 0;

		}
		
			.skills ul li::after {
				content: ",";
				margin-right: .2em;
			}

				.skills ul li:last-child::after {
						content: "";
						margin-right: 0;
				}

	.resume-container section {
		border-bottom: 2px solid currentColor;
		padding: 1rem 0;
		margin-bottom: 2.5rem;
	}

		.resume-container section:last-of-type {
			border-bottom: 0;
			padding-bottom: 0;
			margin-bottom: 0;
		}

		.resume-container section div {
			margin-bottom: 3rem;
		}

			.resume-container section div:last-of-type {
				margin-bottom: 0;
			}

/* PORTFOLIO PAGES */

.thumbnail-grid { 
	margin-bottom: 4em;
}

.visual-design-grid {
	/* border-top: 1px solid rgba(63, 40, 21, .25); */
	/* padding-top: 2em; */
	padding: 1.6em;
	border-radius: 1.6em;
	background-color:rgba(63, 40, 21, .05);
	display: grid;
    grid-template-columns: repeat(auto-fill,minmax(20rem,1fr));
    column-gap: 1.6rem;
	row-gap: 3.2rem;
}

.portfolio-piece-container {
	max-width: 650px;
	margin: auto;
}

.portfolio-piece-embedded-image-set {
	display: grid;
    grid-template-columns: repeat(auto-fill,minmax(20rem,1fr));
    grid-gap: 1.6rem;
}

.portfolio-piece-embedded-image-set img.thumbnail {
	margin-bottom: 0;
}

	.portfolio-piece-description p, .portfolio-piece-description ol, .portfolio-piece-description ul, .portfolio-piece-case-study p, .portfolio-piece-case-study ol {
		text-align: left;
		max-width: 100ch;
	}

	.portfolio-piece-description ul, .portfolio-piece-desription ol {
		margin-top: 0;
	}

	.case-study-description h5, .case-study-description p {
		display: block;
		text-align: center;
	}

		/* .portfolio-piece-description p {
			text-transform: capitalize;
		} */
		/* .case-study-description h5 {
			letter-spacing: .15em;
		} */
		.case-study-description h5:after {
			content: "";
		}

	.case-study-description ul {
		margin-bottom: 2em;
	}

	.portfolio-piece-case-study h3 {
		font-size: 3rem;
		margin-top: .5em;
	}
	.portfolio-piece-case-study h3:first-of-type {
		margin-top: 0;
	}

	.portfolio-piece-container h5, .portfolio-piece-container h6 {
		/* letter-spacing: .05em; */
		text-transform: capitalize;
	}

	.portfolio-piece-container h6 {
		color: rgba(63, 40, 21, .9);
	}

	/* PORTFOLIO PAGE / CASE STUDY EMBEDDED IMAGES & LIGHTBOX */
	
	.caption {
		font-size: 1.2rem;
		letter-spacing: .15em;
		font-weight: normal;
		color:rgba(63, 40, 21, .80);
	}

	.image-set img {
		margin-top: 0;
	}

	.image-embedded {
		text-align: center;
		margin-bottom: 1.5rem;
	}

	.image-embedded.with-link img {
		margin-bottom: 0;
	}

	.image-embedded img {
		width: auto;
		max-width: 100%;
	}

.details .portfolio-click-more-link, h6.portfolio-click-more-link {
	font-size: 1.2rem;
	margin-bottom: 1.2rem;
	margin-top: .8rem;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-family: 'FuturaLTPro-Medium', sans-serif;
	font-weight: normal;
	color: #3f2815;
	text-decoration: underline;
}	

.details .view-project, .portfolio-navigation a {
	font-size: 1.3rem;
	/* margin-bottom: 1.2rem; */
	text-transform: uppercase;
	letter-spacing: .1rem;
	font-family: 'FuturaLTPro-Medium', sans-serif;
	font-weight: normal;
	background: #ffffff;
	color: #3f2815;
	text-decoration: none;
	border: 1px solid currentcolor;
	padding: .5em 1em;
	border-radius: 1.5em;
	display: inline-block;
}

.details-smol .view-project {
	font-size: 1.3rem;
	text-transform: uppercase;
	letter-spacing: .1rem;
	font-family: 'FuturaLTPro-Medium', sans-serif;
	font-weight: normal;
	/* background: #fff; */
	color: #3f2815;
	text-decoration: none;
	border: 1px solid currentcolor;
	padding: .4em .8em;
	border-radius: 1.5em;
	display: inline-block;
}

a.view-project.primary {
	font-size: 1.8rem;
	letter-spacing: .1em;
}

.portfolio-navigation {
	font-family: 'FuturaLTPro-Bold', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	position: fixed;
	bottom: 3rem;
	left: 0;
	width: 100%;
	/* display: none; */
}

.details .view-project:hover, .details-smol .view-project:hover, .portfolio-navigation a:hover {
	background: #3f2815;
	color: #fff;
	transition: color .3s ease-in-out;
	transition: background .3s ease-in-out;
}

	.portfolio-navigation .back {
		background: #ffffff;
		color: #3f2815;
		border: 0;
		font-size: 1.6rem;
	}

		.portfolio-navigation .back:hover {
			color: #cf4606;
			background: #ffffff;
			border: 0;
			text-decoration: none;
			transition: color .3s ease-in-out;
			-moz-transition: color .3s ease-in-out;
			-webkit-transition: color .3s ease-in-out;
		}
		.portfolio-navigation .back::before {
			content:'\2329';
			margin-right: .5em;
		}		

h6.piece-type {
    font-size: 1.1rem;
	font-family: 'FuturaLTPro-Bold', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-bottom:0;
	margin-top: .8em;
	color: #cf4606;
}

.details-smol h6.piece-type {
	margin-top: 0;
	font-size: 1.1rem;
	margin-bottom: 1rem;
}

.protected::before {
	content: " ";
	margin-right: .5em;
	width: .9em;
	height: .9em;
	background: url("../images/orange_lock.png");
	background-size: contain; 
	background-repeat: no-repeat;
	display: inline-block;
}

ul.portfolio-piece-methods {
	display: none;
}

/* PORTFOLIO PIECE GRID TEMPLATE DECLARATIONS */
.portfolio-piece-container .section-title {
	grid-area: piece-title;
}

.portfolio-piece-container .section-subhead {
	grid-area: piece-subhead;
}

.portfolio-piece-container .thumbnail {
	grid-area: piece-image;
}

.portfolio-piece-description {
	grid-area: piece-description;
}

.portfolio-piece-case-study {
	grid-area: other-content;
}

.portfolio-piece-container .portfolio-navigation {
	grid-area: piece-navigation;
}


/* RESUME GRID TEMPLATE DECLARATIONS */

/* SKILLS */
.skills-title {
	grid-area: skills-title;
}

.skills img {
	grid-area: skills-image;
}

.skills-technology {
	grid-area: technology;
}

.skills-tools {
	grid-area: tools;
}

.skills-methods {
	grid-area: methods;
}

/* WORK */
.work-title {
	grid-area: work-title;
}

.work img {
	grid-area: work-image;
}

.work-dominion-senior {
	grid-area: dominion-senior;
}

.work-dominion {
	grid-area: dominion;
}

.work-ivy-tech {
	grid-area: ivy-tech;
}

.work-freelance {
	grid-area: freelance;
}

/* EDUCATION */
.education-title {
	grid-area: education-title;
}

.education img {
	grid-area: education-image;
}

.education-ivy-tech {
	grid-area: education-ivy-tech;
}

.education-csu {
	grid-area: education-csu;
}



/* GLOBAL MEDIA QUERIES BEGIN */

/* S/XS DEVICES - 576PX & SMALLER */
@media (max-width: 576px) {

	main, footer, header {
		padding-left: 1.2rem;
		padding-right: 1.2rem;
	}

	main {
		padding-top: 1.6rem;
	}

	.bookmark p {
		display: none;
	}

	.bookmark h4 {
		font-size: .9rem;
	}

	.mobile-non-display {
		visibility: hidden;
	}


}	

/* M/L DEVICES - 1100PX & UP */
@media (min-width: 1100px) {
	/* GENERAL */
	main, footer {
		padding-left: 3%;
		padding-right: 3%;
		text-align: left;
	}

	nav {
		text-align: left;
	}

		header h1, .page-title h1 {
			font-size: 7.2rem;
		}

		header img {
			display: block;
			width: 70%;
			align-self: center;
		}

		.header-container {
			text-align: left;
			margin-left: auto;
			margin-right: auto;
		}
		
	/* PAGE TITLES & SUBTITLES */
	section.page-title {
		margin-bottom: 5.6rem;
	}

	.section-title {
		text-align: left;
	}		

		.subhead-tertiary, .subhead-secondary {
			display: inline-block;
		}	

			.subhead-secondary::after {
				content: ",";
				margin-right: .2em;
			}


	.details {
		text-align: left;
		margin-top: 2em;
	}

		.details h4 {
			font-size: 4.8em;
		}

		.details p {
			/* font-size: 2.8em; */
			font-size: 2.4em;
			margin-top: .5em;
		}

		.page-title h4 {
			margin-bottom: 0;
			font-size: 5.2rem;
		}

		.page-title p {
			font-size: 5.2rem;
		}

		h6.piece-type {
			font-size: 1.4em;
		}



	/* CASE STUDY TYPE	 */
		.case-study-description h5, .case-study-description p {
			display: inline;
			text-align: left;
		}
			.case-study-description h5:after {
				content: ":";
			}


	/* GRID LAYOUTS FOR M, L, XL DEVICES - 1100PX & UP */

		/* HOMEPAGE LAYOUT */
			.portfolio-category-container {
				max-width: 1600px;
				text-align: left;
				margin-left: auto;
				margin-right: auto;
			}

		/* HOMEPAGE PORTFOLIO IMAGE GRID */
			.thumbnail-grid { 
				display: grid;
				grid-template-columns: 37% 1fr;
				gap: 3rem;
			}
		
		/* FOOTER GRID */
			.footer-container {
				display: grid;
				grid-template: 
				"title title" auto
				"footer_links copyright" auto / 300px 1fr max-content;
				text-align: left;
				margin-left: auto;
				margin-right: auto;
			}

			footer img {
				display: block;
				width: 100%;
			}
			
			footer h4 {
				display: block;
			}

			.copyright_line {
				text-align: right;
			}

			footer.simple .copyright_line {
				text-align: left;
			}


		/* ABOUT GRID */
			.about-container {
				display: grid;
				grid-template: 
				"title title" auto
				"bio ." auto / 1fr auto;
				grid-column-gap: 40px;
				text-align: left;
				max-width: 1600px;
				margin-left: auto;
				margin-right: auto;
			}

			.about-container img {
				display: block;
				margin-bottom: 0;
				width: 100%;
			}

		/* RESUME GRID */
		.resume-container {
			width: 100%;
			margin-left: 0;
			text-align: left;
			max-width: 1600px;
			margin-left: auto;
			margin-right: auto;
		}

			.resume-container p, .resume-container ul {
				max-width: 100ch; 
			}

			.resume-container img {
				display: block;
				margin-bottom: 0;
				width: 100%;
			}

		section.skills, section.work, section.education {
			display: grid;
			grid-column-gap: 40px;
			text-align: left;
			width: 100%;
			padding-right: 4rem;
			padding-bottom: 2rem;
		}

		section.skills {
			grid-template: 
			"skills-title skills-title skills-title skills-title" auto
			"skills-image technology tools methods" auto / 165px 1fr 1fr 1fr  max-content;
		}

			section.skills div {
				margin-bottom: .2rem;
			}

			section.skills ul {
				margin-left: 0;
			}

				section.skills ul li {
					display: block;
					margin-bottom: .5em;
				}

					section.skills ul li:last-of-type {
						margin-bottom: 0;
					}

					section.skills ul li::after {
						content: "";
					}

		section.work {
			grid-template: 
			"work-title work-title work-title" auto
			"work-image dominion-senior dominion-senior" auto
			". ivy-tech ivy-tech" auto
			". dominion dominion" auto
			". freelance freelance" auto / 165px 1fr 1fr  max-content;
		}

		section.education {
			grid-template: 
			"education-title education-title education-title" auto
			"education-image education-csu education-csu" auto
			"education-image education-ivy-tech education-ivy-tech" auto / 165px 1fr 1fr  max-content;
		}

		/* PORTFOLIO NAVIGATION */
		.portfolio-navigation {
			text-align: right;
			left: unset;
			right: 2rem;
		}

		/* PORTFOLIO PIECE PAGES GRID */
		.portfolio-piece-container {
			/* display: grid;
			grid-template: 
			"piece-title piece-title" auto
			"piece-subhead piece-subhead" auto
			"piece-image piece-description" auto
			"other-content other-content" auto 
			"piece-navigation piece-navigation" auto / 205px 1fr;
			grid-column-gap: 40px; */
			text-align: left;
			max-width: 1600px;
			/* margin-left: auto;
			margin-right: auto; */
		} 

		/* .portfolio-piece-container.no-thumbnail {
			display: grid;
			grid-template: 
			"piece-title piece-title" auto
			"piece-subhead piece-subhead" auto
			"piece-description piece-description" auto
			"other-content other-content" auto 
			"piece-navigation piece-navigation" auto / 205px 1fr;
		} */


		/* PORTFOLIO PAGE / CASE STUDY EMBEDDED IMAGES */
		.image-embedded {
			text-align: left;
		}

		.image-embedded img {
			max-width: 800px;
		}

		.image-embedded.with-link img {
			max-height: 600px;
			max-width: 700px;
			margin-bottom: 0;
		}


		/* PAGE TITLES & SUBTITLES */
		.section-title {
			font-size: 3.6rem;
		}
					
	}

/* L/XL DEVICES - 1410PX & UP */
@media (min-width: 1410px) {
	/* header h1 {
		font-size: 6rem;
	} */

	header img {
		width: 80%;
	}
}	


/* LIGHTBOX STYLES - LEAVE THIS :) */
	.lb-caption, .lb-number {
		color: #e8e1dc;
	}

	.lb-caption {
		font-family: FuturaLTPro-Medium, sans-serif;
		font-weight: normal;
		font-style: normal;
		letter-spacing: .01em;
	}

	.lb-number {
		margin-top: 5px;
		font-family: FuturaLTPro-Bold, sans-serif;
		font-weight: normal;
		font-style: normal;
		text-transform: uppercase;
	}
	/* Hidden lightbox thumbnails */
	.lb-hidden {
		visibility: hidden;
		width: 0;
		height: 0;
		position: absolute;
		left: -1000px;
	}

header img {
	display: none;
}