/*=======================================================================

	❤❤❤ Gumby Framework by Digital Surgeons. ❤❤❤
	
	*** This is where you should keep all of your TEXT styles ***
 
 ========================================================================*/

body {
	font-family: 'Segoe UI', 'Proxima Nova', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1.2;
}
h2 {
	font-size:: 26px;
	color: #05390a;
}
h3, h3 a {
	font-size: 24px;
	color: #3e9f57;
}
/*
a:hover {
	text-decoration: underline;
}
*/
h3 a:hover {
	text-decoration: none;
}
.btn a, .btn:hover a, .navbar li a {
	font-weight: normal !important;
}
.btn.special, .btn.special a {
	height: 46px;
	line-height: 42px;
	font-size: 24px;
}
.navbar a:hover {
	text-decoration: none;
}
 @media only screen and (width:768px) {
.navbar > ul li a {
	font-size: 14px;
	-webkit-transition-duration: .2s;
}
}
#masthead h4 span {
	font-family: DIN-Bold;
}
.sect_head h1 {
	font: normal 42px DIN-Bold;
	color: #05390a;
}
.sect_head p {
	font-size: 16px;
	color: #666666;
}
#pg_head h1, .doc_head {
	font-family: 'Segoe UI', 'Proxima Nova', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
	line-height: 42px;
	margin-bottom: 7px;
	text-indent: -3px;
	letter-spacing: -2px;
}
#pg_head p {
	font: 18px DIN-Regular;
}
#descr_copy h1 {
	font: 36px 'Segoe UI', 'Proxima Nova', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
	line-height: 40px;
	text-indent: 5px;
	letter-spacing: -2px;
}
#descr_copy p, #shoutout {
	font: 18px DIN-Regular;
	color: #05390a;
}
#custom_panel p, #cont_leadin p {
	color: #05390a;
}
.row .skiplink a {
	font-size: 14px;
	color: #666;
}
#shoutout {
	font-size: 14px;
}
#shoutout a:hover {
	text-decoration: underline;
}
.demo_grid p {
	font-size: 16px;
	line-height: 60px;
	color: #05390A;
	text-shadow: 0 1px 1px #77D58E;
}
.demo_grid .column:hover p, .demo_grid .columns:hover p {
	font-size: 25px;
	font-weight: bold;
}
.demo_grid .special:hover p {
	color: #d04526;
}
/* Footer Text Styles */
 
	 #credits div p {
	font-size: 14px;
	color: #aaaaaa;
}
#credits div p span {
	font-family: georgia, times roman, serif;
	font-style: italic;
	color: #555;
}
#credits div p a {
	color: #555;
	text-shadow: 0 1px 1px #fff;
}
#credits div p a:hover {
	color: #1a1a1a;
	text-decoration: underline;
}
#credits div p.btn.secondary.small a {
	color: #fff;
	font: bold 14px helvetica, arial, sans-serif !important;
	text-shadow: 0 1px 2px #114a1e,  0 1px 0 #114a1e;
}
#credits p#download {
	color: #555;
}
#credits div p.disclaimer {
	font-size: 10px !important;
	line-height: 12px;
}
@font-face {
	font-family: 'VeraMono';
	src: url('/static/fontface/VeraMono-webfont.eot');
	src: url('/static/fontface/VeraMono-webfont.eot?#iefix') format('embedded-opentype'),  url('/static/fontface/VeraMono-webfont.woff') format('woff'),  url('/static/fontface/VeraMono-webfont.ttf') format('truetype'),  url('/static/fontface/VeraMono-webfont.svg#BitstreamVeraSansMonoRoman') format('svg');
	font-weight: normal;
	font-style: normal;
}
.veramono {
	font-family: VeraMono;
	font-size: 12px;
}
#vin, #vinlabel {
	font-weight: bold;
	font-family: VeraMono, "Courier New", Courier, monospace;
	letter-spacing: 0.2em;
	font-size: 17px;
}
#vinlabel {
	padding-top: 0.2em;
}

@media only screen and (max-width: 320px) { /*iPhone4, CSS pixel ratio 2*/
#vin, #vinlabel {
	letter-spacing: 0em;
}
}

 @media only screen and (max-width: 768px) {
/* Style adjustments for viewports 768px and over go here */
 
   #pg_head p {
	font: 16px 'Segoe UI', 'Proxima Nova', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
}
.btn.special, .btn.special a {
	height: auto !important;
	font-size: 23px;
}
}
 @media only screen and (max-width: 480px) {
/* Style adjustments for viewports 768px and over go here */
 
   #pg_head p {
	font: 16px 'Segoe UI', 'Proxima Nova', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
}
.btn.primary,  .btn.primary a,  .btn.primary:hover a,  .btn.secondary,  .btn.secondary a,  .btn.secondary:hover a {
	font-size: 24px;
}
.btn.special,  .btn.special a,  .btn.special:hover a {
	height: auto !important;
	font-size: 21px;
}
}