.body-sec { max-width:100%; margin-left:auto; margin-right:auto; }
.jp-inner {  max-width:1070px; width:90%; margin:0 auto; font-family: "Roboto", serif; }
.jp-inner.full {  width:95%;  }


#writing_system .top-sec { background: #1b7908;  padding: 1.5em; margin-bottom: 2em;}
#writing_system .top-sec h1 { font-size:2.5em; font-family: 'Raleway', Helvetica, Arial; color:#274b04; padding-bottom:.4em; margin:.5em 0;  font-family: 'Raleway', Helvetica, Arial;}
#writing_system .top-sec h1 { color: #eaff28;}
#writing_system .top-sec h1 em { color: #fff; font-size: 1.2em; font-family: Helvetica, Arial; font-weight: bold; display: block; margin-bottom: .2em;}    
#writing_system .top-sec h4 { font-size: 1.5em; margin: 1em 0; color: #eee; line-height: 1.5em; margin-top: 2em;}
#writing_system .top-sec p {  font-size: 1.2em; line-height: 1.6em; color: #fff; }
#writing_system .top-sec .example {  font-size: 1.2em; background: #205a12; max-width: 500px; padding: 1em;  margin: 1em 0;}
#writing_system .top-sec .example { color: #fff; }
#writing_system .top-sec .example li { margin-bottom: .5em; font-size: .9em; color: #b4ffa7; }
#writing_system .top-sec .example li em {color: #ddd; font-style: italic; }

#writing_system a.download { font-size: 1.2em; color: #fff; background: #d8240c; display: block; width: 300px; margin: 2em 0; padding: 1em; font-weight: bold;}
#writing_system a.download { border-radius: 30px; text-align: center;}
#writing_system a.download:hover { text-decoration: none;}

#writing_system .main { background: #ededed; color: #333;}
#writing_system .main section { margin: 2em; border-bottom: 1px solid #aaa; padding-bottom: 2em;}
#writing_system .main h2 { font-size: 1.8em; font-weight: bold; margin: 1.5em 0;}
#writing_system .main h3 { font-size: 1.4em; font-weight: bold; margin: 1.5em 0; color: #1d6b0a;}
#writing_system .main p { font-size: 1.1em; line-height: 1.5em; margin: 1em 0;}
#writing_system .main ul { margin-left: 2em;}
#writing_system .main ul li { margin-bottom: 1em; list-style: disc; line-height: 1.4em;}
#writing_system .main ul li strong { font-weight: bold;}
#writing_system .main ul li em { font-weight: bold; margin: .5em 0; display: block;}

#writing_system .main ol { margin-left: 2em;}
#writing_system .main ol li { margin-bottom: 1em; line-height: 1.4em;}
#writing_system .main ol li strong { font-weight: bold;}

#writing_system .main table { max-width: 550px; width: 98%;  border-collapse: collapse; margin-top: 1em;}
#writing_system .main table th { font-weight: bold; border: 1px solid #999;  padding: 0.5em; background: #fefefe;}
#writing_system .main table tr { border: 1px solid #666;}
#writing_system .main table td { padding: 0.5em;  border: 1px solid #999; text-align: center;}

#writing_system .main h6 { font-weight: bold; color: #555; margin-bottom: 1em;}
#writing_system .main h4 { font-weight: bold; color: #222; margin: 2em 0 1em 0;}

#writing_system .faq ol em { font-weight: bold;}

@media screen and (max-width: 665px) {

#writing_system h1 {font-size:2em; }

}


@media screen and (max-width: 387px) {

#writing_system h1 {font-size:1.5em; }


}