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

/*
	font-family: gastromond, serif;
	font-family: brandon-grotesque, Brandon Grotesque, sans-serif;
	Mint: #3AB0A5;
	Red: #DB4744;
	Navy: #1A2F54;
*/

/* ABOUT HERO */
.about-hero p {
	max-width: 45em;
}
.hero-kelly-paint,
.hero-kelly-book {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-animation: kellyLeft 2s ease-in-out 0s 1 backwards;
	-webkit-animation: kellyLeft 2s ease-in-out 0s 1 backwards;
	-ms-animation: kellyLeft 2s ease-in-out 0s 1 backwards;
	animation: kellyLeft 2s ease-in-out 0s 1 backwards;
}
@-moz-keyframes kellyLeft {
	0%   { left: 0; }
	100% { left: 50%; }
}
@-webkit-keyframes kellyLeft {
	0%   { left: 0; }
	100% { left: 50%; }
}
@-ms-keyframes kellyLeft {
	0%   { left: 0; }
	100% { left: 50%; }
}
@keyframes kellyLeft {
	0%   { left: 0; }
	100% { left: 50%; }
}
.hero-kelly-paint {
	margin-top: -6.5em;
	margin-left: -33em;
}
.hero-kelly-book {
	margin-top: 6em;
	margin-left: -40.5em;
	-moz-animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-ms-animation-delay: 1s;
	animation-delay: 1s;
}
.hero-kelly-desk {
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -.5em;
	margin-right: -41em;
	-moz-animation: kellyDesk 2s ease-in-out .5s 1 backwards;
	-webkit-animation: kellyDesk 2s ease-in-out .5s 1 backwards;
	-ms-animation: kellyDesk 2s ease-in-out .5s 1 backwards;
	animation: kellyDesk 2s ease-in-out .5s 1 backwards;
}
@-moz-keyframes kellyDesk {
	0%   { right: 0; }
	100% { right: 50%; }
}
@-webkit-keyframes kellyDesk {
	0%   { right: 0; }
	100% { right: 50%; }
}
@-ms-keyframes kellyDesk {
	0%   { right: 0; }
	100% { right: 50%; }
}
@keyframes kellyDesk {
	0%   { right: 0; }
	100% { right: 50%; }
}
.hero-kelly-plants-left,
.hero-kelly-plants-right {
	position: absolute;
	top: -1em;
	-moz-animation: kellyTopPlants 2s ease-in-out 1.5s 1 backwards;
	-webkit-animation: kellyTopPlants 2s ease-in-out 1.5s 1 backwards;
	-ms-animation: kellyTopPlants 2s ease-in-out 1.5s 1 backwards;
	animation: kellyTopPlants 2s ease-in-out 1.5s 1 backwards;
}
@-moz-keyframes kellyTopPlants {
	0%   { top: -22em; }
	100% { top: -1em; }
}
@-webkit-keyframes kellyTopPlants {
	0%   { top: -22em; }
	100% { top: -1em; }
}
@-ms-keyframes kellyTopPlants {
	0%   { top: -22em; }
	100% { top: -1em; }
}
@keyframes kellyTopPlants {
	0%   { top: -22em; }
	100% { top: -1em; }
}
.hero-kelly-plants-left {
	left: 50%;
	margin-top: -3em;
	margin-left: -36.5em;
	-moz-animation-delay: 2s;
	-webkit-animation-delay: 2s;
	-ms-animation-delay: 2s;
	animation-delay: 2s;
}
.hero-kelly-plants-right {
	right: 50%;
	margin-right: -32em;
}
.hero-kelly-plants-bottom {
	position: absolute;
	left: 50%;
	bottom: -7em;
	margin-left: -17.1em;
	-moz-animation: kellyBottomPlants 2s ease-in-out 2.5s 1 backwards;
	-webkit-animation: kellyBottomPlants 2s ease-in-out 2.5s 1 backwards;
	-ms-animation: kellyBottomPlants 2s ease-in-out 2.5s 1 backwards;
	animation: kellyBottomPlants 2s ease-in-out 2.5s 1 backwards;
}
@-moz-keyframes kellyBottomPlants {
	0%   { bottom: -25em; }
	100% { bottom: -7em; }
}
@-webkit-keyframes kellyBottomPlants {
	0%   { bottom: -25em; }
	100% { bottom: -7em; }
}
@-ms-keyframes kellyBottomPlants {
	0%   { bottom: -25em; }
	100% { bottom: -7em; }
}
@keyframes kellyBottomPlants {
	0%   { bottom: -25em; }
	100% { bottom: -7em; }
}
@media screen and (min-width: 1850px) and (min-height: 1100px) {
	.hero-kelly-paint {
		margin-top: -11em;
		margin-left: -38em;
	}
	.hero-kelly-book {
		margin-top: 8em;
		margin-left: -50em;
	}
	.hero-kelly-desk {
		margin-right: -50em;
	}
}
@media screen and (max-width: 1100px) {
	.hero-kelly-paint,
	.hero-kelly-book {
		left: 0;
	}
	@-moz-keyframes kellyLeft {
		0%   { left: -50%; }
		100% { left: 0; }
	}
	@-webkit-keyframes kellyLeft {
		0%   { left: -50%; }
		100% { left: 0; }
	}
	@-ms-keyframes kellyLeft {
		0%   { left: -50%; }
		100% { left: 0; }
	}
	@keyframes kellyLeft {
		0%   { left: -50%; }
		100% { left: 0; }
	}
	.hero-kelly-paint {
		margin-left: -2em;
	}
	.hero-kelly-book {
		margin-left: -6em;
	}
	.hero-kelly-desk {
		right: 0;
		margin-right: -7em;
	}
	@-moz-keyframes kellyDesk {
		0%   { right: -50%; }
		100% { right: 0; }
	}
	@-webkit-keyframes kellyDesk {
		0%   { right: -50%; }
		100% { right: 0; }
	}
	@-ms-keyframes kellyDesk {
		0%   { right: -50%; }
		100% { right: 0; }
	}
	@keyframes kellyDesk {
		0%   { right: -50%; }
		100% { right: 0; }
	}
	.hero-kelly-plants-left {
		left: 0;
		margin-top: -3em;
		margin-left: -7em;
	}
	.hero-kelly-plants-right {
		right: 0;
		margin-right: -3em;
	}
}
@media screen and (max-width: 1000px) {
	.hero-kelly-paint {
		margin-left: -3em;
	}
	.hero-kelly-book {
		margin-left: -8em;
	}
	.hero-kelly-desk {
		right: 0;
		margin-right: -9em;
	}
}
@media screen and (max-width: 900px) {
	.hero-kelly-book {
		margin-top: 3em;
	}
	.about-hero .hero-kelly-plants-left {
		margin-top: -6em;
		margin-left: -9em;
		transform: scale(.6);
	}
	.about-hero .hero-kelly-plants-right {
		margin-top: -4em;
		margin-right: -7em;
		transform: scale(.6);
	}
}
@media screen and (max-width: 650px) {
	.hero-kelly-paint,
	.hero-kelly-book,
	.hero-kelly-desk {
		display: none;
	}
	.about-hero .hero-kelly-plants-left {
		margin-top: -8em;
		transform: scale(.4);
	}
	.about-hero .hero-kelly-plants-right {
		margin-top: -5em;
		transform: scale(.5);
	}
	.hero-kelly-plants-bottom {
		margin-bottom: -2em;
		margin-left: -16.25em;
	}
}

/* ABOUT BIO */
.about-kelly {
	position: relative;
	padding: .5em 6em 0 23em;
}
.about-kelly-person {
	position: absolute;
	top: 50%;
	left: 3em;
	margin-top: -11.75em;
}
.about-action {
	position: relative;
	overflow: hidden;
	text-align: center;
}
.about-action p {
	width: 100%;
	max-width: 48em;
	margin: 2em auto .75em;
	text-align: center;
}
.about-plants-left {
	position: absolute;
	left: 50%;
	top: -1em;
	width: 17.75em;
	height: 17.75em;
	margin-left: -43em;
}
.about-plants-right {
	position: absolute;
	right: 50%;
	top: -3em;
	width: 19.25em;
	height: 19.25em;
	margin-right: -43.5em;
}
.about-kelly-desk {
	display: none;
}
@media screen and (max-width: 1250px) {
	.about-kelly {
		padding: .5em 0 0 18em;
	}
	.about-kelly-person {
		left: -1em;
	}
	.about-action h2 {
		position: relative;
		z-index: 1;
		max-width: 6em;
		margin-left: auto;
		margin-right: auto;
	}
	.about-plants-left {
		top: -3.5em;
		margin-left: -34em;
	}
	.about-plants-right {
		top: -5.5em;
		margin-right: -35em;
	}
}
@media screen and (max-width: 1250px) {
	.about-plants-left {
		left: 0;
		margin-left: -3.5em;
		font-size: .9em;
	}
	.about-plants-right {
		right: 0;
		margin-right: -3.5em;
		font-size: .9em;
	}
}
@media screen and (max-width: 1000px) {
	.about-kelly {
		position: relative;
		padding: .5em 0 0;
	}
	.about-kelly-person {
		position: relative;
		top: 0;
		left: 3em;
		margin-top: 0;
	}
	.about-kelly-person {
		display: none;
	}
	.about-kelly-desk {
		display: block;
		margin: 2em auto 0;
	}
}
@media screen and (max-width: 900px) {
	.about-plants-left,
	.about-plants-right {
		font-size: .75em;
	}
}
@media screen and (max-width: 750px) {
	.about-action p {
		text-align: justify;
	}
	.about-plants-left {
		margin-left: -6em;
	}
	.about-plants-right {
		margin-right: -6em;
	}
}
@media screen and (max-width: 650px) {
	.about-plants-left {
		margin-top: 1em;
		margin-left: -8em;
		font-size: .6em;
	}
	.about-plants-right {
		margin-top: 1em;
		margin-right: -8em;
		font-size: .6em;
	}
}
@media screen and (max-width: 450px) {
	.about-kelly-desk {
		font-size: .8em;
	}
}
@media screen and (max-width: 350px) {
	.about-kelly-desk {
		font-size: .7em;
	}
}