/* ©2019 mr_kitty for personal genius llc. */
/* http://meyerweb.com/eric/tools/css/reset/ v2 | 20110126 License:none (public domain) */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;}

/* ------------------------------------------------------------------------------------ */
*{box-sizing:border-box;}
html{font-size:16px;text-align:center;color:rgba(35,50,55,1);text-rendering:optimizeLegibility;background-color:rgba(233,233,233,1);}
h1{font-size:2.5rem;line-height:1.1em;  font-family:"Luckiest Guy",sans-serif;text-align:center; letter-spacing:.03em;	margin-bottom:1rem;}
h2{font-size:1.25rem;line-height:1.1em; font-family:"Luckiest Guy",sans-serif;text-align:center; letter-spacing:.03em;	margin-bottom:1rem;}
h3{font-size:1.1rem;line-height:1.125em;font-family:rucksack,sans-serif;font-weight:700;font-style:normal;text-align:center;}
p{line-height:1.125em;  font-family:rucksack,sans-serif;font-weight:400;font-style:normal;text-align:center;margin-bottom:1rem;letter-spacing:.03em;}
a{color:rgba(69,164,218,1);text-decoration:none;}
a:hover{color:rgba(3,99,146,1);}
b{font-family:rucksack,sans-serif;font-weight:700;font-style:normal;}
/* -------------------- HEADER -------------------- */
@keyframes bounce1{from{transform:translateY(-100vh);}50%{transform:translateY(-100vh);}90%,to{transform:translateY(2rem);animation-timing-function:ease-in;}}
@keyframes bounce2{from{transform:translateX(-200vw);}60%{transform:translateX(-200vw);}90%{transform:translateX(2rem);animation-timing-function:ease-in;}}
@keyframes bounce3{from{transform:translateX(200vw);}70%{transform:translateX(200vw);}90%{transform:translateX(-2rem);animation-timing-function:ease-in;}}
@keyframes bounce4{from{transform:translateY(200vh);}80%{transform:translateY(200vh);}90%{transform:translateY(-2rem);animation-timing-function:ease-in;}}
header{padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden;padding:5rem calc(50% - 30rem);background-color:rgba(69,164,218,1);}
.introframe{height:38.75rem;}
.introframe > div{position:relative;display:block;}
#yourown{left:-6.875rem;animation:bounce1 .75s 1;}
#personal{left:-6.875rem;top:-1.5625rem;animation:bounce2 1.5s 1;}
#genius{left:-9.1875rem;top:-3.3125rem;animation:bounce3 2.25s 1;}
#applefriendly{left:-7.8125rem;top:-5.0625rem;animation:bounce4 3s 1;}	
#wrenchguy{left:15.625rem;top:-31.25rem;animation:bounce3 2.25s 1;}
.yourown{width:26.875rem;height:auto;}
.personal{width:37.5rem;height:auto;}
.genius{width:37.5rem;height:auto;}
.applefriendly{width:27.5rem;height:auto;}
.wrenchguy{width:24.375rem;height:auto;}
/* -------------------- SKILLS -------------------- */
section{padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);padding:3rem calc(50% - 30rem);position:relative;z-index:1;}
.mission{display:block;padding:1rem 5rem 2rem 5rem;}
.mission > p:nth-child(3){margin-bottom:2rem;}
.mission h2{margin-bottom:.25rem;}
#skillotron{display:flex;flex-flow:row wrap;align-items:stretch;justify-content:center;max-width:60rem;min-height:25rem;padding-left:.0625rem;} 
#skillotron article{padding:2em 2%;display:flex;flex-flow:column nowrap;flex:1 1 15.625rem;justify-content:flex-start;align-content:center;margin:0 .0625rem .0625rem 0;}
#skillotron article * {align-self:center;}
#skillotron article img{flex:none;margin-bottom:1.5rem;width:3.2rem;height:3.2rem;}

/* -------------------- TESTIMONIALS  -------------------- */
/*	maths:		((# of testimonials)/2 - 1/2) * testimonial width including margins			[in this case:	calc(4.5 * 1040px)	]	*/
@keyframes testify-slider{from{transform:translateX(calc(4.5 * 1040px));}
	9%{transform:translateX(calc(4.5 * 1040px));}10%{transform:translateX(calc(3.5 * 1040px));}
	19%{transform:translateX(calc(3.5 * 1040px));}20%{transform:translateX(calc(2.5 * 1040px));}
	29%{transform:translateX(calc(2.5 * 1040px));}30%{transform:translateX(calc(1.5 * 1040px));}
	39%{transform:translateX(calc(1.5 * 1040px));}40%{transform:translateX(calc(0.5 * 1040px));}
	49%{transform:translateX(calc(0.5 * 1040px));}50%{transform:translateX(calc(-0.5 * 1040px));}
	59%{transform:translateX(calc(-0.5 * 1040px));}60%{transform:translateX(calc(-1.5 * 1040px));}
	69%{transform:translateX(calc(-1.5 * 1040px));}70%{transform:translateX(calc(-2.5 * 1040px));}
	79%{transform:translateX(calc(-2.5 * 1040px));}80%{transform:translateX(calc(-3.5 * 1040px));}
	89%{transform:translateX(calc(-3.5 * 1040px));}90%{transform:translateX(calc(-4.5 * 1040px));}
	99%{transform:translateX(calc(-4.5 * 1040px));}100%{transform:translateX(calc(4.5 * 1040px));}}
.testify{width:100vw;overflow:hidden;padding:2rem 0;margin:0;}
.testify h2{margin-bottom:0;}
.testify h2 + p{font-size:.75em;letter-spacing:.03em;margin-bottom:1rem;}
.testify > div{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start;animation:testify-slider 60s infinite;} /* div makes the long row of quotes to be animated, calls animation */
.testify > div:hover{animation-play-state:paused;} /* pauses animation on mouse over */
.testify article{display:flex;flex-flow:column nowrap;justify-content:center;align-items:stretch;min-width:50rem;margin:.5rem 7.5rem;padding:0;} /* defines the width and space in between each quote */
.testify h3::before{content:'— ';}
.testify h3 + p{font-size:.75em;letter-spacing:.03em;}

/* ==================== FOOTER ==================== */
footer{padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background-image:radial-gradient(rgba(80,80,80,1),rgba(46,46,46,1));color:rgba(233,233,233,1);padding:5rem calc(50% - 30rem);padding-bottom:1.25rem;box-shadow:inset 0 1.25rem 1.25rem -0.625rem rgba(0,0,0,0.8);display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:center;}
footer .iris{align-self:flex-start;}
footer > div:last-child{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:center;}	
.flex{flex:1;}	
footer > div:last-child *{text-align:right;margin-bottom:0rem;}
footer > div:last-child > div:last-child{margin-bottom:6rem;}
p.street{font-size:.9em;}
h1.street{font-size:1.75rem;}

/* iris contact form */
.iris{-webkit-font-smoothing:antialiased;text-align:left;width:30rem;margin:0 auto;}
.iris h2{font-size:1.75rem;text-align:left;line-height:1.1em;margin-bottom:0;}
.iris p{text-align:left;margin-bottom:2rem;padding-right:4rem;}
.iris-form{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:center;}
.iris-row{margin-bottom:.75rem;}
.iris-form  > div:nth-child(7){align-self:center;margin:1rem;}
.iris .label{font-family:rucksack,sans-serif;font-weight:700;font-style:normal;text-align:left;margin-bottom:-.0625rem;}
.iris .validation-message{color:#e20900;display:inline-block;}
input[type=text].iris-input,.iris input,.iris textarea,.iris select,.iris-input,.iris-select{box-sizing:border-box;width:30rem;height:initial;padding:.5rem .3125rem;color:rgba(233,233,233,1);font-family:rucksack,sans-serif;font-weight:700;font-style:normal;background:none;border:none;border-radius:0;border-bottom:.0625rem solid rgba(233,233,233,1);}
.iris textarea,.iris-textarea{width:30rem;}
.iris button{width:6.25rem;padding:.375rem 0;font-size:1em;cursor:pointer;border-radius:.25rem;background:rgba(69,164,218,1);color:rgba(245,245,245,1);margin:0 1.25rem 1.25rem 0;border:none;}
.iris button:focus{outline:none;}
#iris-btn-send:hover{background-color:rgba(3,99,146,1);border:none;}
#iris-loader-icon{color:#1871e6;font-weight:bold;padding:.375rem 1.25rem .375rem 0;display:none;vertical-align:middle;}
.iris select,.iris-select{display:initial;height:1.875rem;background-color:#fff;padding:.125rem .3125rem;}
#iris-message{padding:.375rem 1.25rem;display:none;font-size:1em;color:rgba(40,40,40,1);box-sizing:border-box;margin:0;border-radius:.25rem;width:100%;overflow:auto;}
.iris .error{padding:.375rem 1.25rem;border-radius:.25rem;background-color:#fb817c;border:.0625rem solid #e46b66;}
.iris .success{background-color:#48e0a4;border:#40cc94 .0625rem solid;}
.iris .display-none{display:none;}
.inline-block{display:inline-block;}
/* these shouldn't get called, evah. */
.iris input[type="checkbox"]{width:auto;vertical-align:text-bottom;display:initial;opacity:initial;position:inherit;pointer-events:initial;}
.g-recaptcha {padding-top:.9375rem;}
.icon-add-more-attachemnt{cursor:pointer;font-style:italic;font-size:.9em;}
.attachment-row{margin-bottom:.3125rem;}
.delete-attachment{margin-left:.625rem;display:none;cursor:pointer;cursor:pointer;font-style:italic;font-size:.9em;}
/* end these */
/* end iris contact form */

/* @media screen and (min-width:1681px){html{font-size:21px;}} */
@media screen and (max-width:820px) {
	header{padding:5rem calc(50% - 22.5rem);padding-top:4.5rem;}
	.introframe{height:69vw;}
	#yourown{left:-12.9%;}
	#personal{left:-12.9%;top:-4%;}
	#genius{left:-16.58%;top:-9%;}
	#applefriendly{left:-14.38%;top:-14%;}	
	#wrenchguy{left:28%;top:-84%;}
	.yourown{width:47.77%;}
	.personal{width:66.66%;}
	.genius{width:66.66%;}
	.applefriendly{width:48.88%;}
	.wrenchguy{width:43.33%;}
	section{padding:3rem calc(50% - 22.5rem);}
	#skillotron{padding-left:0;}
	#skillotron article {padding:2em;}
	.mission h2{margin-bottom:.25rem;}
	@keyframes testify-slider{from{transform:translateX(calc(4.5 * 720px));}
		9%{transform:translateX(calc(4.5 * 720px));}10%{transform:translateX(calc(3.5 * 720px));}
		19%{transform:translateX(calc(3.5 * 720px));}20%{transform:translateX(calc(2.5 * 720px));}
		29%{transform:translateX(calc(2.5 * 720px));}30%{transform:translateX(calc(1.5 * 720px));}
		39%{transform:translateX(calc(1.5 * 720px));}40%{transform:translateX(calc(0.5 * 720px));}
		49%{transform:translateX(calc(0.5 * 720px));}50%{transform:translateX(calc(-0.5 * 720px));}
		59%{transform:translateX(calc(-0.5 * 720px));}60%{transform:translateX(calc(-1.5 * 720px));}
		69%{transform:translateX(calc(-1.5 * 720px));}70%{transform:translateX(calc(-2.5 * 720px));}
		79%{transform:translateX(calc(-2.5 * 720px));}80%{transform:translateX(calc(-3.5 * 720px));}
		89%{transform:translateX(calc(-3.5 * 720px));}90%{transform:translateX(calc(-4.5 * 720px));}
		99%{transform:translateX(calc(-4.5 * 720px));}100%{transform:translateX(calc(4.5 * 720px));}}
	.testify{padding:0;padding-bottom:.5rem;}
	.testify article{min-width:40rem;margin:.5rem 2.5rem;padding:0;}
	footer{padding:4rem calc(50% - 22.5rem);flex-flow:column wrap;}
	.flex{height:1.5rem;}
	footer > .flex{height:8rem;}	
	footer > div:last-child *{text-align:center;}
	footer > div:last-child > div:last-child{margin-bottom:0rem;}
    .iris{width:100%;padding: 0 2.5rem;}
	.iris p{text-align:left;margin-bottom:2rem;padding-right:1.75rem;}
    input[type=text].iris-input,.iris input,.iris textarea,.iris select,.iris-input,.iris-select{width:100%;}
    .iris textarea,.iris-textarea{width:100%;}
    #rc-imageselect,.g-recaptcha{transform:scale(0.8);transform-origin:0 0;}
}

@media screen and (max-width:420px){
	h1{font-size:2.125rem;margin-bottom:.75rem;}
	h2{font-size:1.125rem;margin-bottom:.75rem;}
	h3{font-size:1rem;}
	p{line-height:1.125em;margin-bottom:1rem;}
	header{padding:5rem calc(50% - 11.25rem);padding-top:4.5rem;}
	.introframe{height:69vw;}
	#yourown{left:-12.9%;}
	#personal{left:-12.9%;top:-4%;}
	#genius{left:-16.58%;top:-9%;}
	#applefriendly{left:-14.38%;top:-14%;}	
	#wrenchguy{left:28%;top:-84%;}
	.yourown{width:47.77%;}
	.personal{width:66.66%;}
	.genius{width:66.66%;}
	.applefriendly{width:48.88%;}
	.wrenchguy{width:43.33%;}
	section{padding:2rem calc(50% - 11.25rem);}
	.mission{padding:1rem .25rem 1rem .25rem;}
	.mission p{padding-left:1rem;padding-right:1rem;}
	.mission h2{margin-bottom:.5rem;}
	#skillotron{padding-left:0;}
	#skillotron article {padding:2em 1.25rem;}
	@keyframes testify-slider{from{transform:translateX(calc(4.5 * 400px));}
		9%{transform:translateX(calc(4.5 * 400px));}10%{transform:translateX(calc(3.5 * 400px));}
		19%{transform:translateX(calc(3.5 * 400px));}20%{transform:translateX(calc(2.5 * 400px));}
		29%{transform:translateX(calc(2.5 * 400px));}30%{transform:translateX(calc(1.5 * 400px));}
		39%{transform:translateX(calc(1.5 * 400px));}40%{transform:translateX(calc(0.5 * 400px));}
		49%{transform:translateX(calc(0.5 * 400px));}50%{transform:translateX(calc(-0.5 * 400px));}
		59%{transform:translateX(calc(-0.5 * 400px));}60%{transform:translateX(calc(-1.5 * 400px));}
		69%{transform:translateX(calc(-1.5 * 400px));}70%{transform:translateX(calc(-2.5 * 400px));}
		79%{transform:translateX(calc(-2.5 * 400px));}80%{transform:translateX(calc(-3.5 * 400px));}
		89%{transform:translateX(calc(-3.5 * 400px));}90%{transform:translateX(calc(-4.5 * 400px));}
		99%{transform:translateX(calc(-4.5 * 400px));}100%{transform:translateX(calc(4.5 * 400px));}}
	.testify{padding:0;padding-bottom:.5rem;}
	.testify article{min-width:20rem;margin:.5rem 2.5rem;padding:0;}
	footer{padding:4rem calc(50% - 11.25rem);flex-flow:column wrap;}
	.flex{height:1.5rem;}
	footer > .flex{height:8rem;}	
	footer > div:last-child *{text-align:center;}
	footer > div:last-child > div:last-child{margin-bottom:0rem;}
    .iris{width:100%;padding: 0 1rem;}
	.iris p{text-align:left;margin-bottom:2rem;padding-right:1.75rem;}
    input[type=text].iris-input,.iris input,.iris textarea,.iris select,.iris-input,.iris-select{width:100%;}
    .iris textarea,.iris-textarea{width:100%;}
    #rc-imageselect,.g-recaptcha{transform:scale(0.8);transform-origin:0 0;}
}