@charset "utf-8";
/* The home page header */
header .title {
	padding: 0;
	font-size: 250%;
	font-weight: bold;
	margin: 15px 0 5px 20px;
}
header .subtitle {
	font-weight: bold;
	font-style: italic;
	font-size: 100%;
	padding: 0;
	margin: 20px 0 0.55em 20px;
}
header .subtitle2 {
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	padding: 0;
	margin: -4px 0 0 20px;
}
header .subtitle2 a {
	text-decoration: none;
}
header .subtitle2 a:hover, header .subtitle2 a:focus, header .subtitle2 a:active {
	color: #f00;
	background: transparent;
}
header a#language {
	text-decoration: none;
	font-size: 70%;
	color: #ddf;
}
header a#language img {
	border-width: 0px;
	vertical-align: middle;
	padding-left: 0.2em;
}
header a#language:hover, header a#language:focus, header a#language:active {
	background: transparent;
	color: #f00;
}
header div.left {
	float:left;
	margin: 5px 20px 0 10px
}
header div.center {
	margin-left:155px
}
header div.right {
	float:right;
	margin: 0 20px 0 0
}
/* #main { */
  /* display: flex */
/* } */

section {
	/* -moz-box-flex: 1; */
	/* -webkit-box-flex: 1; */
	/* box-flex: 1; */
	/* -ms-flex: 10 0 900px; */
	padding:10px 0 1px 0;
	background: #311DD1;
	margin: 5px 5px 5px 0px;
  flex-basis: 70%;

	/* -webkit-border-radius: 10px; */
	border-radius: 10px;
}

section>p {
	color: #FFF;
}

aside {
	min-width: 395px;
	/* -moz-box-flex: 2; */
	/* -webkit-box-flex: 2; */
	/* box-flex: 2; */
	/* -ms-flex: 1 0 395px; */
  flex-basis: 30%;
}

aside h1 {
	font-size: 150%;
	margin: 0;
	padding: 10px 14px 0 14px;
}
aside ul {margin-left: 28px; padding-left: 0px; margin-bottom: 1em;}
aside ul li {margin-bottom: 0.2em; font-size: 90%; list-style-type: square;}
aside>ul li {margin-bottom: 0.5em; font-size: 90%; list-style-type: square;}

/* The left part section */
article {
	display: block;
	background:#FF9D02;
	padding: 0.5em 0;
	margin: 0 5px 5px 5px;

	/* -webkit-border-radius: 10px; */
	border-radius: 10px;

}
article ul li {
	margin-left: 10px;
	padding-left: 0px;
	margin-bottom: 0em;
	font-weight: normal;
	list-style-type: square;
}
article h2 {
	margin: 0.1em 0 0.3em 0;
}

div.project  {
	float:left;
	margin: 5px 1px 0px 10px;
}
div.project .c1 {
	vertical-align:top;
}
div.project .c2 {
	padding-left:5px;
}