@import url("demo.css");


.main {
	width: 100%;
	max-width: 1920px;
	padding: 0px;
	font-family: 'Arial', sans-serif;
	font-size: 10pt;
	line-height: 1.4;
	text-align: justify;


}

.main p {
	font-size: 10pt;
	line-height: 1.4;
	text-align: justify;
	font-family: 'Arial', sans-serif;

	
}

.main p:nth-of-type(2){
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	-ms-column-count: 2;
	-ms-column-gap: 20px;
	-o-column-count: 2;
	-o-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

.main p:nth-of-type(4){
	-moz-column-count: 3;
	-moz-column-gap: 15px;
	-o-column-count: 3;
	-o-column-gap: 15px;
	-ms-column-count: 3;
	-ms-column-gap: 15px;
	-webkit-column-count: 3;
	-webkit-column-gap: 15px;
	column-count: 3;
	column-gap: 15px;
}


/* DEMO 5 */

.demo-5 .main {
	counter-reset: section-1, section-2, section-3, section-4;
}

.demo-5 .main h1 {
	font-family: 'Julius Sans One', sans-serif;
	margin: 0.8em 0 0.5em 0;
	color: #FF8400;
	font-weight: normal;
	font-size: 30pt;
	line-height: 40px;
	counter-increment: section-1;
	counter-reset: section-2 section-3 section-4;
}

.demo-5 .main h2 {
	font-family: 'Julius Sans One', sans-serif;
	margin: 0.8em 0 0.5em 0;
	color: #FF8400;
	font-weight: normal;
	font-size: 24pt;
	line-height: 40px;
	counter-increment: section-2;
	counter-reset: section-3 section-4;
	border-bottom: 1px solid #FF8400;
	box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	padding-bottom: 10px;
}

.demo-5 .main h3 {
	font-family: 'Julius Sans One', sans-serif;
	margin: 0.8em 0 0.5em 0;
	color: #FF8400;
	font-weight: normal;
	font-size: 18pt;
	line-height: 30px;
	counter-increment: section-3;
	counter-reset: section-4;
}

.demo-5 .main h4 {
	margin: 0.8em 0 0.5em 0;
	color: #333;
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
	counter-increment: section-4;
}

/*.demo-5 .main h1:before { content: counter(section-1) ". "; }
.demo-5 .main h2:before { content: counter(section-1) "." counter(section-2) " "; }
.demo-5 .main h3:before { content: counter(section-1) "." counter(section-2) "." counter(section-3) " "; }
.demo-5 .main h4:before { content: counter(section-1) "." counter(section-2) "." counter(section-3) "." counter(section-4) " "; }
 */

