@charset "UTF-8";
@import url("../webfonts/texgyreschola_italic/stylesheet.css");
@import url("../webfonts/texgyreschola_bold/stylesheet.css");
@import url("../webfonts/texgyreschola_regular/stylesheet.css");
body {
	font-family: "texgyreschola regular", Georgia, serif;
	color: rgba(186,159,140,1);
	font-size: 100%;
	font-style: normal;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
/*wrapper*/
#wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	background-size: cover;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin: 0 auto;
}
/*header*/
/*menu*/

#header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
 /-webkit-align-content: flex-end;
	-ms-flex-line-pack: flex-end;
	align-content: flex-end;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	height:auto;
	width: 100%;
	position: fixed;
	z-index: 200;
	background: rgba(255,255,255,1) /*url(../_images/maria_delton-med_03.jpg)*/ no-repeat fixed 2em 1.3em;
	margin-bottom: 300px;
	/*border:rgba(102,51,102,1) solid 3px;*/
}

img #header{ margin: 2em 0 0 2em;
			 position: fixed;
			 width:100%;
			 height:100%;
			 }
#intro {
	display: block;
	padding-top: 100px;
	width: 55%;
	margin: 0 auto;
}
#intro a {
	color: rgba(169,46,2,1);
}
p {
	font-weight: 400;
	font-size: 1.2em;
	color: rgba(186,159,140,1);
	text-align: center;
	line-height: 1.7;
	letter-spacing: .05em;
}
ul {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	padding: 25px 2em 0 0;
}
li {
	margin: 0 0 0 35px;
	color: rgba(186,159,140,1);
	font-size: 1em;
	font-weight: 300;
	list-style: none;
	text-align: right;
	font-family: 'Lato', sans-serif;
	color: rgba(186,159,140,1);
	letter-spacing: .08em;
}
/*links*/
a {
	text-decoration: none;
}
a:link {
	text-decoration: none;
	color: rgba(186,159,140,1);
}
a:visited {
	text-decoration: none;
	color: rgba(186,159,140,1);
}
a:hover {
	text-decoration: none;
	color: rgba(73,71,2,1);
}
a:active {
	text-decoration: none;
	color: rgba(186,159,140,1);
}
/*portfolio*/
#portfolio {
	display: -ms-flexbox-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	-webkit-justify-content: center;
	position: relative;
	width: 90%;
	margin: 0 auto 100px;
	padding: 15px 0 25px;
}
.chalice {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 2em;
}
#holiness {
	display: -ms-flexbox-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	margin: 0 auto;
	padding-top: 5em;
}
/*#holiness p {
	display: block;
}*/
#holiness img {
	display: -webkit-flex;
	display: -ms-flexbox-flex;
	display: flex;
	width:45vw;
	height: auto;
	border: rgba(186,159,140,1) double 9px;
}
/*about page*/
#personal {
	display: -ms-flexbox-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	padding: 100px 0 50px 0;
	width: 85%;
	margin: 0 auto 0;
	border-bottom: rgba(186,159,140,1) dotted 2px;
}
#bio {
	width: 33%;
	padding: 11em 2em 0 1em;
}
#bio p {
	font-weight: 400;
	font-size: 1.2em;
	color: rgba(186,159,140,1);
	text-align: left;
	line-height: 1.7;
	letter-spacing: .05em;
}

#bio a {
	color: rgba(169,46,2,1);
}

.comments a {
	color: rgba(169,46,2,1);
}

.opening {
	font-size: 1.7em;
}
#selfies {
	width: 65vw;
	padding-top: 20px;
	display: -ms-flexbox-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	font-size: 0;
	flex: 1;
}
#selfies div img {
	max-width: 100%;
	height: auto;
	font-size: 0;
}
/*hover test*/

.box {
	width: 320px;
	height: 320px;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}
.box .mask, .box .content {
	width: 320px;
	height: 320px;
	position: absolute;
	overflow: hidden;
	top: 0;
}
.box img {
	display: block;
	position: relative
}
.box h4 {
	margin: 120px auto 0;
	font-weight: 700;
	text-align: center;
	line-height: 1.3;
	letter-spacing: .05em;
	color: rgba(164,141,125,1);
	position: relative;
}
.box .description {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 1em;
	position: relative;
	font-weight: 300;
	font-style: italic;
	text-align: center;
	color: rgba(164,141,125,1);
}
.box a.info {
	display: inline-block;
	text-decoration: none;
	padding: 12px 14px;
	margin-top: 10px;
	border: rgba(164,141,125,1) dotted 2px;
	color: rgba(164,141,125,1);
	-webkit-box-shadow: 0 0 1px rgba(164,141,125,.4);
	-moz-box-shadow: 0 0 1px rgba(164,141,125,.4);
	box-shadow: 0 0 1px rgba(164,141,125,.4);
}
.box a.info:hover {
	-webkit-box-shadow: 0 0 5px rgba(164,141,125,.7);
	-moz-box-shadow: 0 0 5px rgba(164,141,125,.7);
	box-shadow: 0 0 5px rgba(164,141,125,.7);
}
.box-first img {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.box-first .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	background-color: rgba(255,255,255,.88);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.box-first h4 {
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.box-first .description {
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.box-first a.info {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.box-first:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.box-first:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.box-first:hover h4, .box-first:hover .description, .box-first:hover a.info {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.box-first:hover .description {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.box-first:hover a.info {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
#wrapper #portfolio a {
	text-decoration: none;
}
#footer {
	display: -webkit-fex;
	display: -ms-flexbox-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: rgba(186,159,140,1);
	width: 100%;
	padding: 15px 0;
	margin-top: 100px;
}
.copyright {
	font-family: 'Lato', sans-serif;
	color: white;
	font-size: .8em;
	letter-spacing: .05;
}
.anchor {
	display: block;
	width: 100%;
	padding-top: 30px;
}
.anchor p {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1em;
	letter-spacing: .05;
	color: rgba(186,159,140,1);
	letter-spacing: .08em;
}
/*project pages*/

.bigSquare {
	display: -webkit-flex;
	display: -ms-flexbox-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	margin: 0;
	padding-top: 125px;
}
.bigSquare img {
	display: -webkit-flex;
	display: -ms-flexbox-flex;
	display: flex;
	height: auto;
}
.grouped {
	display: -webkit-flex;
	display: -ms-flexbox-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
h1 {
	font-size: 1.8em;
	letter-spacing: .05em;
	display: inline-block;
	text-align: center;
	margin: 1.2em auto 0;
}
.category {
	font-family: 'Lato', sans-serif;
	color: rgba(165,45,9,1);
	font-size: 1.2em;
	letter-spacing: .05em;
	display: inline-block;
	margin: 0;
}
.quote {
	font-style: italic;
	margin: 0;
	font-weight: 300;
	font-size: 1.1em;
	margin: 0;
}
.details {
	display: -webkit-flex;
	display: -ms-flexbox-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.column {
	width: 300px;
	margin: 2em 2em 0;
	text-align: left;
}
h3 {
	font-family: 'Lato', sans-serif;
	color: rgba(241, 181, 116,1);
	font-size: 1.2em;
	font-weight: 500;
	letter-spacing: .07em;
	display: inline-block;
	margin: 0;
}
.column p {
	font-weight: 300;
	size: 1em;
	text-align: left;
	line-height: 1.6em;
	letter-spacing: .05em;
}
.list {
	width: 300px;
	margin: 2em 2em 0;
	text-align: left;
}
.list ul {
	margin: 0;
}
.list li {
	margin: 0;
	font-weight: 300;
	font-size: 1.1em;
	text-align: left;
	line-height: 1.4em;
	list-style: disc;
	letter-spacing: .08em;
	color: rgba(73, 71, 2, 1);
}
.assembled {
	display: -webkit-flex;
	display: -ms-flexbox-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	margin: 35px auto;
	padding-top: 25px;
	width: 90%;
}
.piece {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 2em;
}
.comments {
	width: 70vw;
	margin: 0;
	padding-top: 3em;
	text-align: left;
	border-bottom: dotted rgba(186,159,140,1) 3px;
}
.piece img {
	width: 55vw;
	height: auto;
	box-shadow: 6px 6px 10px rgba(203,181,164,.6);
	margin-right: 1em;
	margin-bottom: 1.2em;
}
.wide {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 2em;
}
.wide img {
	width: 85vw;
	height: auto;
	box-shadow: 6px 6px 10px rgba(203,181,164,.6);
	/*margin-right: 1em;*/
	margin-bottom: 1.2em;
}
.leaveBe {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 2em;
}
.leaveBe img {
	width: 25vw;
	height: auto;
	box-shadow: 6px 6px 10px rgba(203,181,164,.6);
	margin-right: 1em;
	margin-bottom: 1em;
}
.roughs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 2em;
}
.roughs img {
	width: 28vw;
	height: auto;
	box-shadow: 6px 6px 10px rgba(203,181,164,.6);
	margin-right: 1em;
	margin-bottom: 1em;
}
.cards {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 2em;
}
.cards img {
	width: 35vw;
	height: auto;
	box-shadow: 6px 6px 10px rgba(203,181,164,.6);
	margin-right: 1em;
	margin-bottom: 1em;
}
.catalog {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 2em;
}
.catalog img {
	width: 60vw;
	height: auto;
	box-shadow: 6px 6px 10px rgba(203,181,164,.6);
	/*margin-right: 1em;*/
	margin-bottom: 1em;
}
.inspiration {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 2em;
}
.inspiration img {
	width: 12vw;
	height: auto;
	box-shadow: 6px 6px 10px rgba(203,181,164,.6);
	margin-right: 1em;
	margin-bottom: 1em;
}
.sketch {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 2em;
}
.sketch img {
	width: 65vw;
	height: auto;
	box-shadow: 6px 6px 10px rgba(203,181,164,.6);
	margin-right: 1em;
	margin-bottom: 1em;
}
.comments p {
	font-weight: 300;
	size: 1em;
	text-align: left;
	line-height: 1.6em;
	letter-spacing: .05em;
	padding-top: 2.4em;
}
.video {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	/*width:50vw;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	margin-bottom: 1em;*/
}
.video iframe {
	max-width:100%;
	margin:2em;
	box-shadow: 6px 6px 10px rgba(203,181,164,.6);

	/*position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 56.25%;
	padding-top: 25px;
	*/
}
#reach {
	display: -webkit-flex;
	display: -ms-flexbox-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	-webkit-justify-content: center;
	padding-top: 100px;
}
#contact {
	display: -webkit-flex;
	display: -ms-flexbox-flex;
	display: flex;
	width: 80%;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	-webkit-justify-content: center;
	border-bottom: rgba(186,159,140,1) dashed 1.5px;
	padding-bottom: 2.1em;
	margin-bottom: 1.3em;
	order: 1;
}
#contact p {
	font-style: italic;
	font-weight: 300;
	font-size: .9em;
	margin: 0;
}
#artHat {
	height: 356px;
	width: 341px;
	order: 3;
}
#blurb {
	display: -webkit-flex;
	display: -ms-flexbox-flex;
	display: flex;
	max-width: 30%;
	padding: 0 1.5em;
	order: 2
}
#blurb p {
	text-align: left;
}
.touch {
	font-size: 1.7em;
}
.pigeon {
	width: 118px;
	height: 124px;
	padding: 0 7vw;
}
.tincan {
	width: 147px;
	height: 124px;
	padding: 0 7vw;
}
.treeRing{
	padding: 0 7vw;
	width:145px;
	height:131px;
	}
	
@media only screen and (max-width: 1280px) {
.comments {
	width: 60vw;
}
.piece img {
	width: 59vw;
	height: auto;
}
.roughs img {
	width: 38vw;
	height: auto;
}
.leaveBe img {
	width: 35vw;
	height: auto;
}
}
 @media only screen and (max-width: 800px) {
ul {
	display: -webkit-inline-box;
	display: -webkit-flex;
	display: -ms-flexbox-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	/*justify-content: flex-end;
	-webkit-justify-content: flex-end;*/
	padding: 70px 2em 0 0;
}
#article {
	padding-top: 125px;
	width: 75%;
}
#personal {
	display: -ms-flexbox-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center;
	-webkit-justify-content: center;
	padding-top: 125px;
	width: 85%;
	margin: 0 auto 0;
}
#bio {
	width: 85%;
	padding: 0 1em;
}
.bio p {
	font-weight: 400;
	font-size: 1.2emw;
	color: rgba(186,159,140,1);
	text-align: center;
	line-height: 1.3;
	letter-spacing: .05em;
}
#selfies img{
	width: 20vw;}
#contact {
	width: 90%;
	padding-top: 25px;
}
#blurb {
	display: -webkit-flex;
	display: -ms-flexbox-flex;
	display: flex;
	max-width: 40%;
	padding: 0 1.5em;
	order: 2;
}
.piece img {
	width: 75vw;
	height: auto;
}
.wide img {
	width: 95vw;
	height: auto;
}
.leaveBe img {
	width: 55vw;
	height: auto;
}
.roughs img {
	width: 48vw;
	height: auto;
}
.cards img {
	width: 50vw;
	height: auto;
}
.catalog img {
	width: 80vw;
	height: auto;
}
.inspiration img {
	width: 22vw;
	height: auto;
	box-shadow: 6px 6px 10px rgba(203,181,164,.6);
	margin-right: 1em;
	margin-bottom: 1em;
}
.comments {
	width: 75vw;
}
}
 @media only screen and (max-width: 468px) {
ul {
	padding: 25px 1em 0 0;
}
#article {
	padding-top: 125px;
	width: 85%;
}
#article p {
	text-align: left;
}
#personal {
	display: -ms-flexbox-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center;
	-webkit-justify-content: center;
	padding-top: 125px;
	width: 98%;
	margin: 0 auto 0;
}
#bio {
	width: 90%;
	order: 1
}
.bio p {
	font-weight: 400;
	font-size: 3vw;
	color: rgba(186,159,140,1);
	text-align: center;
	line-height: 1.3;
	letter-spacing: .05em;
}
#selfies {
	width: 100%;
	padding-top: 20px;
	display: -ms-flexbox-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0;
	flex: 1;
	order: 2;
}
#selfies img{
	width: 50vw;}
	
#reach {
	width: 95%;
	padding-top: 100px;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
#contact {
	margin-top: 20px;
	padding-bottom: 1.7em;
	margin-bottom: 1em;
	width: 90%;
}
#blurb {
	display: -webkit-flex;
	display: -ms-flexbox-flex;
	display: flex;
	max-width: 90%;
	padding: 0 1em 0 2.3em;
	order: 2;
	padding: 0 1.3em;
}
.piece img {
	width: 89vw;
	height: auto;
	margin: 2em auto 1em;
}
.wide img {
	width: 98vw;
	height: auto;
	margin: 2em auto 1em;
}
.leaveBe img {
	width: 70vw;
	height: auto;
}
.cards img {
	width: 80vw;
	height: auto;
}
.catalog img {
	width: 90vw;
	height: auto;
}
.roughs img {
	width: 75vw;
	height: auto;
	margin-right: 0;
	margin: 2em auto 1em;
	background-color: none;
}
.inspiration img {
	width: 65vw;
	height: auto;
	box-shadow: 6px 6px 10px rgba(203,181,164,.6);
	margin: 2em auto 1em;
}
.sketch img {
	width: 90vw;
	height: auto;
	margin-right: 0;
	margin: 2em auto 1em;
	background-color: none;
}
.comments {
	width: 85vw;
}
}