section {
	line-height: 1.3em;
}

section h1 {
	margin: 0;
	text-align: center;
	font: italic bold 2em 'exo2', sans-serif;
}

section h2 {
	margin: 1.5em 0 0.7em 0;
	font: bold 2em 'exo2', sans-serif;
}
section h2:first-child {
	margin-top: 0;
}
section h2 em,
section h3 em {
	color: #782a90;
	font-weight: inherit;
	font-style: inherit;
}

section h3 {
	margin: 1em 0 0.7em 0;
	font: bold 1.4em 'exo2', sans-serif;
}

section h4 {
	margin: 1em 0 0.7em 0;
	font: bold 1.2em 'exo2', sans-serif;
}

section strong {
	font-weight: bolder;
}

section p,
section pre {
	margin-top: 1em;
}
section ul,
section ol,
section pre {
	margin-left: 1em;
}
@media (min-width: 700px) {
section ul,
section ol,
section pre {
	margin-left: 3em;
}}

section#home p:first-child {
	margin: 1em 15% 0 15%;
	font-style: italic;
}

section#news ul {
	list-style-type: none;
	margin: 0;
}
section#news li {
	margin: 1em 0 0 0;
}
section#news li em:first-child {
	display: block;
}

section pre {
	padding-left: 1em;
	border-left: solid 0.3em #782A90;
}
section span.pre {
	font: 1.2em monospace;
}
section#rel pre {
	margin: 0;
	padding: 0;
	border: none;
}

section a {
	color: #ef4e22;
	font-weight: 600;
}
section a:hover {
	text-decoration: underline;
}

section#ml th,
section#ml td {
	padding: 0 0 1em 3em;
}
section#ml th {
	text-align: right;
}

section#rel th,
section#rel td{
	padding: 6px 40px;
}
section#rel td:nth-child(2) {
	font-size: 85%;
}
section#rel tr:hover td {
	background-color: #faf8ff;
}

section .button {
	display: inline-block;
	background-color: rgba(0, 35, 60, 0.07);
	text-align: center;
	padding: 1em 0;
	box-shadow: inset 2px 2px 2px rgba(0,0,0,0.3);
	border-radius: 0.7em 0.7em 0.7em 0.7em;
	color : #00233b;
}
section .button .material-icons {
	display: block;
	font-size: 4em;
}
section .button:hover {
	text-decoration: none;
	color: #fff;
	background-color: #ef4e22;
	-webkit-transition: background-color .08s linear;
	-moz-transition: background-color .08s linear;
	-o-transition: background-color .08s linear;
	transition: background-color .08s linear;
}
section#download .button {
	width: 18%;
}
section#download .button + .button {
	margin-left: 9.3%;
}
section#rel .button {
	width: 26%;
}
section#rel .button + .button {
	margin-left: 11%;
}
section#events .button {
	padding: 1em 3em;
	margin: 0 3em;
}

section .logos {
	margin: 0;
	list-style: none;
}
section .logos li {
	display: inline-block;
	margin: 15px 30px;
}
section .logos img {
	max-width: 180px;
	max-height: 70px;
}
section .logos img.heavy {
	max-height: 40px;
}
section .logos.gold img {
	max-width: 180px;
	max-height: 70px;
}
section .logos.gold img.heavy {
	max-height: 40px;
}
section .logos.silver img {
	max-width: 130px;
	max-height: 45px;
}
section .logos.silver img.heavy {
	max-height: 30px;
}

section#charter h1 {
	counter-reset: h2;
}
section#charter h2 {
	counter-reset: h3;
}
section#charter h3 {
	counter-reset: h4;
}
section#charter h2:before {
	counter-increment: h2;
	content: counter(h2) ". ";
}
section#charter h3:before {
	counter-increment: h3;
	content: counter(h2) "." counter(h3) ". ";
}
section#charter h4:before {
	counter-increment: h4;
	content: counter(h2) "." counter(h3) "." counter(h4) ". ";
}
@media (min-width: 700px) {
section#charter > p,
section#charter > ol {
	padding: 0 3em 0 2em;
}}
section#charter p,
section#charter ol {
	text-align: justify;
	text-justify: inter-word;
}
section#charter ol {
	list-style-type: lower-latin;
}
section#charter ol ol {
	list-style-type: lower-roman;
}
section#charter ol ol ol {
	list-style-type: lower-decimal;
}
section#charter li {
	margin-top: 0.6em;
}
section#charter em {
	font-style: inherit;
	font-weight: bold;
	text-decoration: underline;
}

section hr {
	margin: 2em 0 1em 0;
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}