html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
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:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

			
			a{
				text-decoration: none;
			}
			img{
				border: none;
				
			}
			div, span, form, input, textarea{
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
			}
			


html, body{
	padding: 0;
	margin: 0;
	background-color: #fff;
	font-size: 10px;
	position:relative;
	font-family: 'Oswald' ,sans-serif;
}

.oswald{font-family: 'Oswald' ,sans-serif;}
.imfell{font-family: 'IM Fell Great Primer', serif; font-style: italic;}
.opensans{font-family: 'Open Sans', sans-serif;}

		#preloader, #noscript{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff;
    z-index:999;
}
	#noscript{
		z-index: 1000;
	}

#status, #noscriptContent{
    width:100%;
    height:200px;
    position:absolute;
    left:0; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 0; /* is width and height divided by two */
    padding: 2rem;
    font-size: 1.5rem;
    line-height: 150%;
    color: #aaa299;
    text-align: center;
}

#loadBar{
	width: 75%;
	max-width: 350px;
	height: 2px;
	background-color: #d8d3ce;
	margin: 0;
	padding: 0;
	margin: auto auto;
	margin-bottom: 30px;
}
#loadBarFill{
	height: 2px;
	width: 0%;
	margin: 0;
	padding: 0;
	background-color: #aaa299;
	
}

#loadMask{
	position:fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

}
#questionD, #closeD{
	position: fixed;
	z-index: 900;
	bottom: 1rem;
	left: 1.5rem;
	margin: 0;
	padding: 0;
	-webkit-border-radius: 1.5rem;
	border-radius: 1.5rem;
	border: 1px solid #59524b;
	width: 3rem;
	height: 3rem;
	
	background-color: #fff;
	display:block;
	text-align: center;
	color: #59524b;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.75rem;
	font-family: 'Open Sans', sans-serif;

	-webkit-transition: all ease-out .1s;
	-moz-transition: all ease-out .1s;
	-o-transition: all ease-out .1s;
	transition: all ease-out .1s;
}
#questionD:hover, #closeD:hover{
	width: 3.6rem;
	height: 3.6rem;
	-webkit-border-radius: 1.8rem;
	border-radius: 1.8rem;
	line-height: 3.2rem;
	cursor: hand;
	cursor: pointer;
}

#justSaying{
	position: fixed;
	z-index: 5000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	color: #59524b;
	display:none;
}
	#justSayingNote{
		display: block;
		width: 70%;
		height: 30rem;
		margin: auto auto;
		margin-top: 5rem;
		padding: 2rem;
		text-align: center;
	}
		#justSayingNote p, #justSayingNote h2{
			margin:0;
			padding: 0;
		}
		#justSayingNote p{
			font-size: 1.5rem;
			font-family: 'IM Fell Great Primer', serif;
		}
		#justSayingNote h2{
			font-size: 3rem;
			font-family: 'Oswald' ,sans-serif;
			margin-top: 3rem;
			margin-bottom: 3rem;
		}

#quoteD{
	position: fixed;
	z-index: 900;
	bottom: 1rem;
	right: 1.5rem;
	
	padding: 1rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	-webkit-border-radius: .3rem;
	border-radius: .3rem;
	border: 1px solid #59524b;
	width: auto;
	background-color: #fff;
	display:block;
	-webkit-transition: all ease-out .5s;
	-moz-transition: all ease-out .5s;
	-o-transition: all ease-out .5s;
	transition: all ease-out .5s;
	text-align:center;
	font-size:1.2rem;
	text-decoration:underline;
	color: #59524b;
}
#quoteD:hover{
	
	
	
}
#quoteD:hover:after{
	content: "Let's talk";
	
	
}
#quoteDbubble{
	position: absolute;
	bottom: -.4rem;
	right: 0;
	background: transparent url(../images/quotetail.png) no-repeat bottom right;
	background-size: .7rem;
	width: .7rem;
	height: .4rem;
	display:block;
}

.fullHC{
	padding: 2rem;
	padding-top: 6rem;
	
}
	.fullHCspacer{
		width: 100%;
		/*border-bottom: .1rem solid #EBE5DF;*/
		padding:8rem 0rem 3rem 0rem;
	}
#introNavD{
	display:block;
	width: 100%;
	text-transform: uppercase;
	line-height: 5em;
				
	height: 100px;
	position:absolute;
}
	.introNav{
		/*margin-top: -100px;*/
	}
.stickNav{
	background-color: red;
	position:fixed;
	top: 0;
	margin: 0;
			
	-webkit-transition: all ease-out .5s;
	-moz-transition: all ease-out .5s;
	-o-transition: all ease-out .5s;
	transition: all ease-out .5s;
}
	.stickNav .handcraftedD, .stickNav .specialtiesD{
		display:none;
	}
			.nameD{
				text-align: right;
				font-size: 6em;
				line-height: 1em;
				/* too light?
				color: #8c857e;
				*/
				color: #59524b;
				padding-left: 0.25em;
					padding-right: 0.25em;
					-webkit-transition: all ease-out 0.5s;
				-moz-transition: all ease-out 0.5s;
				-o-transition: all ease-out 0.5s;
				transition: all ease-out 0.5s;
			}

			
			.changeNameRC, .changeNameC, .changeNameCP, .changeNameH{
				display:none;
			}

			.half{
				width: 50%;
				margin: 0;
				
				display: inline-block;
				float:left;
			}
				.navBTN{
					font-size: 2.5em;
					display: inline-block;
					float: left;
					line-height: 3.6em;
					padding-left: 0.5em;
					padding-right: 0.5em;
					color: #aaa299;
					
					-webkit-transition: all ease-out .5s;
				-moz-transition: all ease-out .5s;
				-o-transition: all ease-out .5s;
				transition: all ease-out .5s;
				}
					.navBTN a{
						color: #aaa299;
					}
				.navBTN:hover{
					
					cursor: hand;
					cursor: pointer;
				}
					.navBTN:hover a{
						color: #ffb600;
					}
			.handcraftedD, .specialtiesD{
				padding-left: 0.25em;
				padding-right: 0.25em;
				margin-top: -1.7em;
				text-transform: none;
				font-weight: 700;
				font-size: 1.7em;
				color: #605849;
			}
			.handcraftedD{
				text-align: right;
			}
			.specialtiesD{
				-webkit-transition: all ease-out 0.5s;
				-moz-transition: all ease-out 0.5s;
				-o-transition: all ease-out 0.5s;
				transition: all ease-out 0.5s;
			}
			.changer{
				
			}
			.specialtiesUXUI, .specialtiesGD, .specialtiesIB{display:none;}
			
			#introD{

				display:block;
				width: 100%;
				position:relative;
				background: url(../images/headbg2.jpg) no-repeat left bottom fixed; 
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
			}
				.introDcdgsolutions{
					display:block;
					width: 100%;
					position:relative;
					background: url(../images/expanded/CDGSolutions-Head.jpg) no-repeat bottom fixed; 
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
				}
				.introDcdgresource{
					display:block;
					width: 100%;
					position:relative;
					background: url(../images/expanded/CDGResource-Head.jpg) no-repeat center fixed; 
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
				}
				.introDwedding{
					display:block;
					width: 100%;
					position:relative;
					background: url(../images/expanded/Wedding-Head.jpg) no-repeat bottom fixed; 
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
				}
				.introDrustic{
					display:block;
					width: 100%;
					position:relative;
					background: url(../images/expanded/Rustic-Head.jpg) no-repeat bottom fixed; 
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
				}
				.introDportal{
					display:block;
					width: 100%;
					position:relative;
					background: url(../images/expanded/Portal-Head.jpg) no-repeat bottom fixed; 
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
				}
				.introDmdlee{
					display:block;
					width: 100%;
					position:relative;
					background: url(../images/expanded/MDLee-Head.jpg) no-repeat center fixed; 
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
				}
				.introDstarbox{
					display:block;
					width: 100%;
					position:relative;
					background: url(../images/expanded/StarBox-Head.jpg) no-repeat bottom fixed; 
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
				}
				.introDangelika{
					display:block;
					width: 100%;
					position:relative;
					background: url(../images/expanded/AngelikaVee-Head.jpg) no-repeat top left fixed; 
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
				}
				.introDdragonspond{
					display:block;
					width: 100%;
					position:relative;
					background: url(../images/expanded/DragonsPond-Head.jpg) no-repeat center fixed; 
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
				}
				.introDblackwood{
					display:block;
					width: 100%;
					position:relative;
					background: url(../images/expanded/Blackwood-Head.jpg) no-repeat center fixed; 
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
				}
				
			#navD, #navDr, #navDp{
				position: fixed;
				z-index: 100;
				display:block;
				left: 0;
				right: 0;
				top: 0px;
				height: 50px;
				border-bottom: 1px solid #d8d3ce;
				background-color: rgba(255,255,255,0.95);
				text-transform: uppercase;
				-webkit-transition: all ease-out 0.5s;
				-moz-transition: all ease-out 0.5s;
				-o-transition: all ease-out 0.5s;
				transition: all ease-out 0.5s;
			}
			#navDp{top: -50px;}
			#navDr{top: 0;}
				#navDnameD{
					position:absolute;
					left: 0;
					
					font-size: 3em;
					line-height: 1.65em;
					padding-left: 8px;
					color: #8c857e;
				}
				#navDnavD{
					position:absolute;
					right: 0;
					padding-right: 24px;
					padding-top: 24px;
				}
					.navDnavBTN{
						display: inline-block;
						float: left;
						font-size: 1.5em;
						margin-left: 25px;
						
					}
						.navDnavBTN a{
							color: #aaa299;
						}
					.navDnavBTN:hover{
						cursor: hand;
						cursor: pointer;
					}
						.navDnavBTN:hover a{
							color: #ffb600;
						}
			#bodyD{
				width: 100%;
				margin: 0;
				
				background-color: #fff;
				/*
				height: 100%;
				*/
				display:block;
				
				border-top: 1px solid #d8d3ce;
			}
			#linkPortfolio{
				padding: .5rem;
				padding-top: 5.5rem;
				padding-left: 1em;
			}
			#linkAbout, #linkContact{
				
				padding: 7rem 1rem;
    			width: 100%;
   	 			max-width: 96rem;
    			display: block;
    			margin: auto auto;

			}
			#perenPicture{
				display: inline-block;
				float: left;
				width: 10rem;
				height: 10rem;
				border-radius: 5rem;
				-webkit-border-radius: 5rem;
				margin-right: 1.5rem;
				padding: 0;
				background: url(../images/peren.jpg) no-repeat center; 
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
			}
			h2, h3, h4, h5, p{
				padding: 0;
				margin: 0;
				margin-bottom: 2rem;
				color: #8c857e;
					line-height: 1.7;

			}
			p, ul li, h4{
				font-size: 1.5rem;
				line-height: 3rem;
				margin-left: 11.5rem;
				margin-right: 11.5rem;
			}
			h2{
				font-size: 6rem;
				margin-bottom: 1rem;
				margin-left: 11.5rem;
			}
			h3{
				font-size: 2rem;
				margin-bottom: 3rem;
				margin-left: 11.5rem;
			}
			h4{
				margin-left: 14.5rem;
				margin-top: 0;
				margin-bottom: 0;
			}
			h5{
				margin-top: 4rem;
				font-size: 2.5rem;
				margin-left: 11.5rem;
			}

			
			.inputContainer, .textareaContainer{
				display: inline-block;
				width: 50%;
				float:left;
				margin: 0;
				padding: 1rem;
			}
			.inputContainer label, .textareaContainer label{
				display:inline-block;
				font-size: 1.5rem;
				margin-bottom: 1rem;
    			color: #8c857e;
			}
			.textareaContainer{

				width: 100%;

			}
			form, input, textarea{
				
				display: inline-block;
				width: 100%;
				padding: 1rem;
				
			}
			
			form{
				padding-left: 10.5rem;
				padding-right: 10.5rem;
			}

			input, textarea{
				-webkit-transition: all 0.30s ease-in-out;
				-moz-transition: all 0.30s ease-in-out;
				-ms-transition: all 0.30s ease-in-out;
				-o-transition: all 0.30s ease-in-out;
				outline: none;
				padding: 1rem;
				margin: 0;
				border: .1rem solid #d8d3ce;
				border-left: .3rem solid #d8d3ce;
			}
			input:focus, textarea:focus {
				box-shadow: 0 0 .5rem #FFE091;
				/*padding: 3px 0px 3px 3px;
				margin: 5px 1px 3px 0px;
				border: 1px solid rgba(81, 203, 238, 1);*/
				border-left: .3rem solid #ffb600;
				
			}
			textarea{
				height: 20rem;
			}
			#submit{
				display: inline-block;
				width: auto;
				padding: 1rem;
				padding-left: 3rem;
				padding-right: 3rem;
				float: left;
				border: none;
				background-color: #8c857e;
				color: #fff;
				text-transform: uppercase;
				font-family: 'Oswald' ,sans-serif;
				font-size: 1.5rem;
			}
			#submit:hover{
				background-color: #ffb600;
			}
			
			#urlInput{
				display:none;
			}
			#formResponse{
				display: inline-block;
				font-size: 1.8rem;
				padding: 1rem;
				color: #B3200C;
			}
		/*
		#recaptcha_image{
			display: inline-block;
			float: left;
			margin-bottom: 1rem;
			margin-right: 1rem;
		}
		#recaptcha_reload{
			display: inline-block;
			float: left;
			
			width: 2rem;
			padding-top: 3.7rem;
		}
			#recaptcha_reload img{
				max-width: 100%;
				height: auto;
			}
			
		*/	
		
/*------------------------------------- Portfolio --------------------------------------*/

/* Special thanks to Terry Mun for the photoset base code
   via https://medium.com/ */


.portfolio {
	overflow: hidden;
	width: 100%;
}
.portfolio .portfolioRow {
	
	overflow: hidden;
  width: 150%;
}
	.portfolio .portfolioRow:last-child { margin: 0; }
.portfolio .portfolioItem {
	display: block;
	float: left;
	margin: .5rem;
}
	.portfolio .portfolioItem:first-child { margin-left: 0; }
	.portfolio .portfolioItem:last-child  { margin-right: 0; }
.portfolio figure {
	margin: 0;
	overflow: hidden;
	position: relative;
  -webkit-backface-visibility: hidden; /* To fix webkit 1px rendering bug */
}
.portfolio figcaption {
	background-color: rgba(255, 255, 255, .85);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
  	font-size: .75rem;
	padding: 1rem;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	border: .1rem solid #aaa299;
	
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: all .5s ease-in-out;
	pointer-events: none;
}
	.portfolio figcaption h2,.portfolio figcaption p{
		margin: 0;
		padding: 0;
		line-height:120%;
	}
	.portfolio figcaption h2{
		font-size: 2.2rem;
		font-family: 'Oswald' ,sans-serif;
		margin-bottom: 0.5rem;
}
	.portfolio figcaption p{
		font-size: 1.4rem;
		font-family: 'Open Sans', sans-serif;
	}
.portfolioItem a {
  border: 0;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.portfolio .portfolioItem:hover a + figcaption {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.portfolio img {
	display: block;
  max-width: 100%;
	transition: all .25s ease-in-out;
}
@media all and (max-width: 699px){
#linkPortfolio{
	padding: 1rem;
}
#linkAbout, #linkContact{
	padding: 7rem 1rem;
}

figure{
	margin: 0;
	box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
}
.portfolio .portfolioRow {
	overflow: hidden;
 	width: 100%;
}
.portfolio .portfolioItem, .portfolio .portfolioItem:first-child, .portfolio .portfolioItem:last-child{
	box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
	display: block;
	float: left;
	margin: 0;
	margin-bottom: 1rem;
	width: 100%;
}
}
/*------------------------------------- Portfolio --------------------------------------*/




/*-------------------------------------- Expanded --------------------------------------*/

.downD{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -3rem;
	
	display: block;
	width: 6rem;
	height: 3rem;
	-webkit-border-radius: 3rem 3rem 0 0;
	border-radius: 3rem 3rem 0 0;
	background-color: #fff;
	border: 1px solid #d8d3ce;
	border-bottom: none;
	-webkit-box-shadow: 0 0 3rem .3rem  rgba(255,255,255, 1);
box-shadow: 0 0 3rem .3rem rgba(255,255,255, 1);
	-webkit-animation: pulsate 2.5s;
    -webkit-animation-iteration-count: infinite; 
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: 	-webkit-box-shadow: 0 0 3rem .3rem rgba(255,255,255, 1);
							box-shadow: 0 0 3rem .3rem rgba(255,255,255, 1);}
	25% {					-webkit-box-shadow: 0 0 3rem .3rem rgba(255,255,255, 0.5);
							box-shadow: 0 0 3rem .3rem rgba(255,255,255, 0.5);}
    50% {					-webkit-box-shadow: 0 0 3rem .3rem rgba(255,255,255, 0);
							box-shadow: 0 0 3rem .3rem rgba(255,255,255, 0.4);}
	75% {					-webkit-box-shadow: 0 0 3rem .3rem rgba(255,255,255, 0.5);
							box-shadow: 0 0 3rem .3rem rgba(255,255,255, 0.5);}
    100% {-webkit-transform:-webkit-box-shadow: 0 0 3rem .3rem rgba(255,255,255, 1);
							box-shadow: 0 0 3rem .3rem rgba(255,255,255, 1);}
}

.arrowD{
	position: absolute;
	top: 1rem;
left: 50%;
margin-left: -.85rem;
display: block;
width: 1.5rem;
height: 1rem;
border-top: 1.25rem solid #d8d3ce;
	border-left: .75rem solid transparent;
	border-right: .75rem solid transparent;
	border-bottom: none;
	
}

.downD:hover .arrowD{
	border-top: 1.25rem solid #aaa299;
}
.introDport{
	padding: 200px 2rem 0 2rem;
	position: relative;
	text-align:center;
}	
.introDfade{
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	bottom: 0;
	top: 125px;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.introDcontent{
	text-align:left;
	margin: auto auto;
	width: 100%;
	max-width: 960px;
	left: 0;
	bottom: 0;
	padding: 2rem;
	padding-bottom: 4rem;
	color: #fff;
	text-shadow: 0 0px 35px rgba(0,0,0,.7);
	position: relative;
	z-index: 2;
	display:inline-block;

}
	.introDcontent h1, .introDcontent h3{
		color: #fff;
		font-weight: 100;
		margin: 0;
		margin-top: 1rem;
	}
	
	.introDcontent h1{
		font-size: 5rem;
		margin-bottom: 2rem;
		line-height: 1;
	}
	.introDcontent h3{
		font-size:1.75rem;
	}
	#bodyDexpanded h4{
		font-size: 3rem;
    	margin-bottom: .5rem;
    	color: #605849;
    	padding: 1rem;
    	margin: 0;
    	display: inline-block;
    	width: auto;
    	float: left;
	}
.bodyDexpanded{
	text-align: center;
}
#bodyDexpanded{
	display: inline-block;
	width: 100%;

	max-width: 96rem;
	padding: 1rem;
	margin: auto auto;
	text-align: left;
}
	.livePreview:before{
		content:"LIVE VIEW";
	}
	.livePreview2:before{
		content:"LIVE PREVIEW";
	}
	.introDcontent a.livePreview, .introDcontent a.livePreview2{
		width: auto;
		height: auto;
		display: inline-block;
		background-color: transparent;
		color: #fff;
		border: 1px solid #fff;
		-moz-border-radius: .3rem;
		-webkit-border-radius: .3rem;
		border-radius: .3rem;
		padding: .6rem 1.7rem;
		margin-top: 1rem;
		letter-spacing: .1rem;
		font-size: 1.2rem;
		text-shadow: none;
		-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
	}
	.introDcontent a.livePreview:hover, .introDcontent a.livePreview2:hover{
		background-color: #ffb600;
		border-color: #ffb600;
	}
		.livePreviewArrow{
			display:inline-block;
			float: right;
			margin: .1rem 0 0 .5rem;
			border-left: 1rem solid #fff;
			border-top: .5rem solid transparent;
			border-bottom: .5rem solid transparent;
			border-right: none;
		}
		
		.viewResume .livePreviewArrow{
			margin-top: .2rem;
		}
	.bodyDfull{
		display: inline-block;
		width: 100%;
		float: left;
		margin: 0;
		padding: 1rem;
	}
	.bodyDhalf{
		width: 50%;
		float: left;
		margin: 0;
		padding: 1rem;
		margin-bottom: 1rem;
		
		display:inline-block;
	}
	.bodyDtwothird{
		width: 66.66666666666666%;
		float: left;
		margin: 0;
		padding: 1rem;
		margin-bottom: 1rem;
		display:inline-block;
	}
		.bodyDhalfright{
			float:right;
		}
	.bodyDhalf h1, .bodyDfull p{
		padding: 0;
		margin: 0;
	}
	.bodyDexpanded h1{
		font-size: 4rem;
		margin-bottom: .5rem;
		color: #605849;
		padding: 1rem;
		margin: 0;
		display:inline-block;
		width: auto;
		float:left;
	}
	.bodyDexpanded a{
		color: #605849;
		font-weight: 400;
	}
	.bodyDexpanded a:hover{
		color: #ffb600;
	}
	.bodyDfull p{
		font-size: 1.4rem;
		font-family: 'Open Sans', sans-serif;
		margin-bottom: 2rem;
		font-weight: 300;
		line-height: 170%;
		
	}
	.bodyDfull img{
		max-width: 100%;
		height: auto;
	}
		a .portArrow{
			display:inline-block;
			float: left;
			margin-right: .5rem;
			margin-top: .2rem;
			border-right: 1rem solid #aaa299;
			border-top: .5rem solid transparent;
			border-bottom: .5rem solid transparent;
			border-left: none;
		}
		a:hover .portArrow{
			border-right: 1rem solid #ffb600;
		}
		
		
	.expandedBorder{
			border-top: .1rem solid #d8d3ce;
			padding: 1rem;
			padding-top: 5rem;
			padding-bottom: 10rem;
		}
			.expandNav{
				display: inline-block;
				font-size: 2rem;
				color: #aaa299;
				margin-bottom: 1rem;
			}
			.expandNav:hover{
				color: #ffb600;
			}
			.expandLeft{
				float: left;
				text-align: left;
			}	
			.expandRight{
				float: right;
				text-align: right;
			}
				.expandArrow{
					display:inline-block;
					margin: .6rem;
					margin-top: .3rem;
					border-top: .7rem solid transparent;
					border-bottom: .7rem solid transparent;
					
				}
				.expandLeft .expandArrow{
					
					float: left;
					border-right: 1.4rem solid #605849;
					border-left: none;
				}
				.expandLeft:hover .expandArrow{
					border-right: 1.4rem solid #ffb600;
				}
				.expandRight .expandArrow{
					float: right;
					border-left: 1.4rem solid #605849;
					border-right: none;
				}
				.expandRight:hover .expandArrow{
					border-left: 1.4rem solid #ffb600;
				}
					
	.viewResume{
		width: auto;
		height: auto;
		display: inline-block;
		float: left;
		background-color: #aaa299;
		color: #fff;
		-moz-border-radius: .3rem;
		-webkit-border-radius: .3rem;
		border-radius: .3rem;
		padding: .5rem;
		padding-left: 1rem;
		padding-right: 1rem;
		margin-left: 11.5rem;
		margin-top: 2.9rem;
		letter-spacing: .1rem;
		font-size: 1.5rem;
		-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
	}
	.viewResume:hover{
		background-color: #ffb600;
	}
/*-------------------------------------- Expanded --------------------------------------*/

.floatnone{
	float:none;
}

@media all and (max-width: 800px){

	.half{
		width: 100%;
		text-align:center;
	}
	.navBTN{
		
		float: none;
		margin: auto auto;
	}
	
			#perenPicture{
				clear:both;
				float:none;
			}
			h2, h3, h4, h5, p{
				padding: 0;
				margin: 0;
				margin-bottom: 2rem;
				color: #8c857e;
			}
			p, ul li, h4{
				font-size: 1.5rem;
				line-height: 3rem;
				margin-left: 2rem;
				margin-right: 2rem;
			}
			h2{
				font-size: 6rem;
				margin-bottom: 1rem;
				margin-left: 2rem;
			}
			h3{
				font-size: 2rem;
				margin-bottom: 3rem;
				margin-left: 2rem;
			}
			h4{
				margin-left: 2rem;
				margin-top: 0;
				margin-bottom: 0;
			}
			h5{
				margin-top: 4rem;
				font-size: 2.5rem;
				margin-left: 2rem;
			}
			.viewResume{
				margin-left: 2rem;
			}
			.inputContainer, .textareaContainer{
				display: inline-block;
				width: 50%;
				float:left;
				margin: 0;
				padding: 1rem;
			}
			.textareaContainer{

				width: 100%;

			}
			form, input, textarea{
				
				display: inline-block;
				width: 100%;
				padding: 1rem;
				
			}
			form{
				padding-left: 1rem;
				padding-right: 1rem;
			}
}
@media all and (max-width: 650px){
	.bodyDiframeContainer{
			opacity: 0;
		}
}
@media all and (max-width: 500px){
			.nameD{
				font-size: 4em;
			}
			.navBTN{
				font-size: 2rem;
				line-height: 2rem;
			}
			.handcraftedD, .specialtiesD{
				font-size: 1.4rem;
				
			}
			
	#justSayingNote{
		display: block;
		width: 100%;
		margin: auto auto;
		padding: 2rem;
		text-align: center;
	}
			#linkAboutTop{
				text-align: center;
			}
			#perenPicture{
				margin: auto auto;
			}
			.introDcontent{
				text-align:center;
			}
			h2, h3, h4, h5, p{
				text-align: left;
				padding: 0;
				margin: 0;
				margin-bottom: 2rem;
				color: #8c857e;
			}
			p, ul li, h4{
				font-size: 1.3rem;
				line-height: 2.8rem;
				margin-left: 1rem;
				margin-right: 1rem;
			}
			h1, h2{
				font-size: 4rem;
				margin-bottom: 1rem;
				margin-left: 1rem;
				text-align: center;
			}
			h3{
				font-size: 1.8rem;
				margin-bottom: 3rem;
				margin-left: 1rem;
				text-align: center;
			}
			h4{
				margin-left: 1rem;
				margin-top: 0;
				margin-bottom: 0;
			}
			h5{
				margin-top: 4rem;
				font-size: 2.2rem;
				
				text-align: center;
			}
			.viewResume{
				margin-left: 1rem;
			}
			form{
				padding-left: 0rem;
				padding-right: 0rem;
			}
			.inputContainer, .textareaContainer{
				width: 100%;
			}
			
			.bodyDhalf, .bodyDtwothird{
				width: 100%;
				padding: 0;
			}
		
			
}

#ie{
	display:none;
}

#notFound{
	display: block;
	width: 100%;
	max-width: 96rem;
	margin: auto auto;
	padding: 1rem
}
	#notFound h1, #notFound h2, #notFound a{
		display: block;
		clear: both;
		text-align: center;
		margin: auto auto;
		margin-bottom: 2rem;
	}
	#notFound h1{
		font-size: 18rem;
		color: #aaa299;
		
	}
	#notFound h2{
		font-size: 2.5rem;
		line-height: 130%;
	}
	#notFound a{
		background-color: #aaa299;
		padding: 1rem;
		font-size: 2rem;
		color: #fff;
		max-width: 30rem;
	}
		#notFound a .portArrow{
			border-right: 2rem solid #fff;
			border-top: 1rem solid transparent;
border-bottom: 1rem solid transparent;
			float:none;
			
		}
		
		
		
		
.weddingHide{
	position: absolute;
	z-index: 1;
}

.weddingHideA{
    top: 6.75%;
    left: 10%;
    width: 56%;
    
    -webkit-animation: wedScroll1 11s infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 2s;
    animation: wedScroll1 11s infinite;
    animation-delay: 2s;

}
	@-webkit-keyframes wedScroll1 {
    	0% {top: 6.75%;}
    	15% {top: 6.75%;}
    	40% {top: -131.25%;}
    	60% {top: -131.25%;}
    	85% {top: 6.75%;}
    	100% {top: 6.75%;}
	}
	@keyframes wedScroll1 {
    	0% {top: 6.75%;}
    	15% {top: 6.75%;}
    	40% {top: -131.25%;}
    	60% {top: -131.25%;}
    	85% {top: 6.75%;}
    	100% {top: 6.75%;}
	}
.weddingHideB{
	top: 31.5%;
    right: 11.5%;
    width: 8%;
    
    -webkit-animation: wedScroll2 11s infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 2s;
    animation: wedScroll2 11s infinite;
    animation-delay: 2s;

}
	@-webkit-keyframes wedScroll2 {
    	0% {top: 31.5%;}
    	15% {top: 31.5%;}
    	40% {top: -41%;}
    	60% {top: -41%;}
    	85% {top: 31.5%;}
    	100% {top: 31.5%;}
	}
	@keyframes wedScroll2 {
    	0% {top: 31.5%;}
    	15% {top: 31.5%;}
    	40% {top: -41%;}
    	60% {top: -41%;}
    	85% {top: 31.5%;}
    	100% {top: 31.5%;}
	}
}