/* CSS Document */

@font-face {
  font-family: 'WorkSans';
  src: url(WorkSans-SemiBold.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'WorkSans';
  src: url(WorkSans-Black.woff) format('woff');
  font-weight: bold;
  font-style: normal;
}


@font-face {
  font-family: 'Manuale';
  src: url(Manuale-Regular.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Manuale';
  src: url(Manuale-Italic.woff) format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Manuale';
  src: url(Manuale-Bold.woff) format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Manuale';
  src: url(Manuale-BoldItalic.woff) format('woff');
  font-weight: bold;
  font-style: italic;
}

@media only screen and (max-width: 415px) {
		#text {
	     	position:relative;
			float: left;
			width: 93%;
			margin-left: 3.5%;
			margin-bottom: 1%;
	    }
	}

body {
	margin-top: 3%;
	margin-left: 2.5%;
	padding: 0px;
	font-family: 'Manuale';
	font-size: 1.15em;
	line-height: 1.32em;
	letter-spacing: 0.03em;
	font-variant-numeric: oldstyle-nums;
}

#textcolumn {
	position:relative;
	float: left;
	width: 360px;
	max-width: 98%;
	margin-right: 3%;
	margin-bottom: 1%;
}

#imagecolumn {
	position:relative;
	float: left;
}

#publicationlist {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	max-width: 98%;
}

h1 {
	font-family: WorkSans;
	font-weight: bold;
	font-size: 160%;
	margin: 0; 
	margin: 0;
}

h2 {
	font-family: Manuale;
	font-weight: normal;
	font-size: 130%;
	line-height: 1.3em;	
	letter-spacing: 0.06em;
	margin: 0; 
	padding: 0;

}

.whitetext {
	color: white;
}

.publicationslink {
	  font-style: italic;
	  float:right;
}

.contacttext {
	font-family: WorkSans;
}

img {
	max-width:93%;
	max-height:93vh;
	margin-left: 0.5%;
	margin-bottom: 3.5%;
}

hr {
	height: 1px;
	border: none;
	color: #bababa;
	background-color: #bababa;
}

p {margin-bottom:0.5em}

A:link {text-decoration: underline; text-decoration-color: #bababa; color:black}
A:visited {text-decoration: underline; text-decoration-color: #bababa; color: black;}
A:hover {text-decoration: underline; text-decoration-color: black; color: black;}
A:active {text-decoration: underline; text-decoration-color: #bababa; color: black;}