@import url(https://fonts.googleapis.com/css?family=Amiri|Droid+Serif);

body {
	background-color: #F4F6F6;
	background-image: url("background.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	text-align: center;
	font: 17px "Amiri", Georgia;
	color: #424949;
	line-height: 26px;
}

h1 {	font: 24px "Droid Serif", Georgia;
	margin: 8px 0px 12px 0px;

}

h2 {	font: 18px "Droid Serif", Georgia;
	width: 100%; 
   	text-align: center; 
   	border-bottom: 1px solid #D5DBDB; 
   	line-height: 0.1em;
   	margin: 34px 0px 34px 0px;
}

h2 span { 	background: white; 
		padding: 0 16px; 
}

h3 {	font: 18px "Droid Serif", Georgia;
	margin: 18px 0px 12px 6px;
}

h4 {	font: 16px "Amiri", Georgia;
	margin: 6px 0px 12px 0px;
	text-align: center;
}

a:link {
	color: #B03A2E;
	text-decoration: none;
}

a:visited {
	color: #B03A2E;
	text-decoration: none;
}

a:hover {
	color: #E74C3C;
	text-decoration: none;
}

a:active {
	color: #EC7063;
	text-decoration: none;
}
#container {
	max-width: 1000px;
	background-color: white;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 28px;
	border-style: solid;
	border-width: 1px;
	border-color: #AEB6BF;
	display:inline-block;
}

#leftheader {
	float: left;
	clear: left;
	margin: 0px 0px 28px 0px;
	border-style: solid;
	border-width: 0px;
	border-color: #efefef;
	display: inline-block;
	text-align: justify;

}

#rightheader {
	text-align: right;
	font-size: 15px;
	line-height: 22px;
	float: right;
	clear: right;
	border-style: solid;
	border-width: 0px;
	border-color: #efefef;
}


#leftcolumn {
	width: 35%;
	margin: 20px 36px 0px 0px;
	border-style: solid;
	border-width: 0px;
	border-color: #efefef;
	float: left;
	clear: left;
	text-align: justify;
}

#rightcolumn {
	width: 60%;
	margin: 20px 0px 0px 0px;
	text-align: justify;
	border-style: solid;
	border-width: 0px;
	border-color: #efefef;
	float: left;
	clear: right;
	text-align: justify;
}

p.rowa {
	background-color: #F8F9F9;
	padding: 6px;
	margin: 0px;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #D5DBDB;
	font-size: 14px;
	line-height: 22px;
	text-align: justify;
}

p.rowb {
	background-color: white;
	padding: 0px;
	margin: 6px;
	font-size: 14px;
	line-height: 22px;
	text-align: justify;
}

p.teaching {
	clear: both;
	padding: 8px 0px 8px 0px;
	border-style: solid;
	border-width: 0px;
	border-color: #D5DBDB;
	font-size: 15px;
	line-height: 22px;
}

.research {
	float: left;
	width: 21%;
	padding: 0px 18px 0px 18px;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #D5DBDB;
	font-size: 15px;
	line-height: 24px;
	text-align: justify;
}

.researchpicture {
	width: 100%;
}

@media only screen and (max-width: 992px) {
	#rightheader {
        display: none;}
	#leftheader {
	float: none;
	text-align: center;}
	#leftcolumn {
	width: auto;}
	#rightcolumn {
	width: auto;}
	h4 {
	text-align: left;}
	.research {
	width: auto;
	border-width: 0px 0px 1px 0px;
	padding: 22px 0px 16px 0px;}
	.researchpicture {
	width: auto;
	float: left; 
	margin: 0px 28px 0px 0px;}