/**
 *
 * Typography
 *
 */
 
html    {   font: 100%/1.5 "myriad-pro",sans-serif;       }

body {
	 text-rendering: optimizeLegibility; 
	 -webkit-font-smoothing: subpixel-antialiased;
}

h1,h2,h3,h4,h5 {
	color: #232323;
}

h1      { font-size: 2em; font-style: normal;  font-weight: 700;  line-height: 1em;   margin-bottom: 0.8em; /* 2*16 = 32 */         }
h2      { font-size: 1.9em; margin-top: 1em; line-height: 1em; font-style: normal;  font-weight: 300;     margin-bottom: 0.7em; /* 2*16 = 32 */         }
h3      { font-size: 1.7em; color: #66be57;    /* 1.17*16 = 18.72 */   }
h4      { font-size: 1em;       /* 1*16 = 16 */         }
h5      { font-size: 0.83em;    /* 0.83*16 = 13.28 */   }
h6      { font-size: 0.75em;    /* 0.75*16 = 12 */      }

@media only screen and (max-width: 523px) {
	h1      { font-size: 2.3em; line-height: 0.9em; }
}


.small {
	font-size: 13px;
}

.ingress {
	font-size: 2em;
	color: #b64d4d;
	font-weight: 900;
	text-shadow: 1px 1px 0px #2C2323;
	letter-spacing: -1px;
}

.lift {
    font-size: 1.5em;
    margin-top: 7em;
    max-width: 100%;
    box-sizing: border-box;
    width: 348px;
    margin: 0px auto;
    margin-top: 2em;
	font-size: 1.5em;
}


a {transition: 0.3s all;color: #50b237;}

a:hover {
	color: #41922d;
}

p { 
    font-weight: 200;	
	line-height: 1.25;
	font-size: 1.1em;
    margin: 0 0 1em;    
    
 }

.indent p   {   margin: 0;          }
.indent p+p {   text-indent: 2em;   }


h1 {
	font-family: 'Kalam', cursive;
	
}

h4 {
	font-weight:600;
	font-size:18px;
	padding:0;
	line-height:1em;
}