* { box-sizing: border-box; margin: 0; padding: 0; }

html, body { /* width: 100%;  height: 100%; */ }
html { background-color: #f7ccd6; font-family: 'minion-pro', serif; font-weight: 400; font-style: normal; font-size: 100%; line-height: 1.2; }
body { margin: 0; color: #000; position: relative; text-align: center; }
h1, h2, h3, h4, h5, h6 { text-align: center;  margin: 0 0 0.5em 0; }

h1 { margin: 0; line-height: 1.4; }
h2 { font-size: 1.8em; color: #e7215d; }
p { margin: 0 0 0.5em 0; }

#site_wrap { margin: 0 auto; max-width: 1400px; background: url('img/kf_wood_bkgnd.jpg') center top repeat-y; background-size: 100%; overflow: hidden; }

#logo { width: 100%;  max-width: 1400px; }

.content_wrap { position: relative; }

.central_content { padding: 40px; margin: 30px auto; width: 100%; min-width: 260px; max-width: 740px; background-color: rgba(255,255,255,0.79);

	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	border: 0px solid #000000;

	-webkit-box-shadow: -5px 5px 3px -3px rgba(0,0,0,36);
	-moz-box-shadow: -5px 5px 3px -3px rgba(0,0,0,36);
	box-shadow: -5px 5px 3px -3px rgba(0,0,0,0.36);

}

#intro { position: relative; font-size: 1.6em; }
#intro h2 { margin: 0; }

#the_jacket { position: relative; }
.jacket_content { padding: 40px; margin: 30px auto; width: 100%; min-width: 260px; max-width: 600px; }

#arps_jacket { transform: rotate(-5deg); width: 100%;
	-webkit-box-shadow: -11px 6px 20px 2px rgba(0,0,0,0.21);
	-moz-box-shadow: -11px 6px 20px 2px rgba(0,0,0,0.21);
	box-shadow: -11px 6px 20px 2px rgba(0,0,0,0.21);
}


#the_form { text-align: left; }
#subForm { position: relative; padding: 0 30px; }
  
.question { font-weight: 700; font-size: 1.2em; margin-bottom: 1em; padding-right: 46px; }
.answers { margin-bottom: 40px; }
.answers label { cursor: pointer; display: block; margin: 15px 0; font-size: 1.2em; }
.answers input { display: inline-block; margin-right: 10px; }

#the_form h3 { font-weight: 700; color: #000; text-align: left;  }

.formElement_a { margin: 15px 0 20px 0; }
.formElement_b { margin: 30px 0 20px 0; }
.nl_form_component { display: inline-block; padding: 10px 20px; border: 1px solid #e7215d; color: #e7215d; text-align: center; width: 48%; font-weight: 700; 
	border-radius: 5px;
	-moz-border-radius: 5pxpx;
	-webkit-border-radius: 5px;
}

.nl_form_component:first-child { margin-right: 10px; }
.nl_form_component:last-child { margin-left: 10px; }
.checkbox { margin: 15px 0; }

#post_answers { padding: 10px 20px; width: 100%; background-color: #e7215d; color: #fff; border: none; font-weight: 700; font-size: 1.2em; cursor: pointer; 
	border-radius: 5pxpx;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#post_answers:hover { background-color: #2179e7; }

#form_status { color: #ff0000; font-weight: 700; font-size: 1.2em; margin: 15px 0; padding: 5px 10px; text-align: center; }

.disclaimer { font-size: 1.0em; color: #e7215d; }

.decoration { position: absolute; }
#teapot { left: -670px; bottom: -130px; z-index: 10; }
#teacup_A { left: -560px; bottom: -100px; z-index: 10; }
#teacup_B { display: none; margin: 0 auto; width: 100%; max-width: 400px; }
#cake { right: -730px; top: -130px; z-index: 10; }
#packet { right: -50px; top: -110px; z-index: 11; transform: rotate(-20deg); }

#footer { padding: 200px; margin-top: -160px; font-size: 1.2em; line-height: 1.4; background: url('img/kf_footer.png') left bottom no-repeat; background-size: contain; }
#flowers { width: 100%; }
#more_info { margin: 0 auto; max-width: 600px; }




.knuckles { list-style-type: none; padding: 0; margin-bottom: 40px; }
.knuckles:last-child { margin-bottom: 0; }
.knuckles li { display: inline-block; padding: 5px 10px; }
.knuckles li a { display: block; width: 48px; height: 0px; padding-top: 48px; overflow: hidden; background-position: 0px 0px; background-repeat: no-repeat; background-size: contain; }

.kfb { background-image: url('img/kf_sm_fb.png'); }
.kft { background-image: url('img/kf_sm_tw.png'); }
.kfi { background-image: url('img/kf_sm_ins.png'); }


#terms { text-align: left; }
#terms h1 { margin-bottom: 1em; }
#terms li { margin-bottom: 0.5em; }




a { color: #2179e7; }
a:hover { color: #e7215d; }

a.context_link { color: #2179e7; }
a.context_link:hover { color: #000; }


/* 
a.context_link { color: #1a78bd; font-weight: bold; text-decoration: none; }
a.context_link:hover { color: #ff0000; }
 */



.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearBoth { clear: both; }
.text_only { display: none; }
.centered { text-align: center !important; }
.white { color: #fff !important; }
.red { color: #ff0000 !important; }


@media (max-width: 1368px){
}

@media (max-width: 1052px){
}

@media (max-width: 970px){
	
}

@media (max-width: 960px){
/* 	#packet { right: -260px; transition: transform 1s; } */
}

@media (max-width: 900px){
}

@media (max-width: 820px){
	#packet { right: -120px;}
	.content_wrap { margin-left: 20px; margin-right: 20px; }
	.nl_form_component { width: 47%; }
	#footer { padding: 100px; margin-top: -100px; }
}


@media (max-width: 768px){
	#packet { right: -100px; max-width: 280px;}
}

@media (max-width: 640px){
	#packet { position: relative; right: 0px; top: 0px; max-width: 200px; }
	.nl_form_component { display: block; width: 100%; margin: 0 0 1.4em 0 !important; }
	#teacup_A { display: none; }
	#teacup_B { display: block; }
}

@media (max-width: 520px){
}

@media (max-width: 480px){
	#intro { font-size: 1.2em; }
	#subForm { padding: 0; }
	.question { padding: 0; font-size: 1.1em; }
	#footer { padding: 30px; margin-top: 0; }
}

@media (max-width: 340px){
}