@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);

body {
  margin: 0 1em; padding: 0;
  font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:#333;
  min-width: 500px;
  text-align: justify;
}

.fas, .fab, .ai {
        color: dodgerblue;
}

h2 { 
	margin: 0; padding: 0;
}

h3 {
	margin: 0; padding: 0;
}

p {
	margin: 0; padding: 0 0 1em 0;
}

a {
	color: dodgerblue;
	text-decoration: none;
	font-weight: 500;
}

blockquote {
	text-align: justify;
	margin: .5em 0 0 4em; 
	padding: 0;
}

figure {
	margin: 0 0 2em 0; padding: 0;
	text-align: center;
	background: #000;
}

figcaption {
	padding: .2em;
	background: #000 linear-gradient(#000, #333);
	color: #fff;
}

div.wrapper {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding: 0;
}

div#sticky {
/*	position: -webkit-sticky;
	position: sticky;
	top: 0;*/
	background: #fff;
	border-bottom: 2px solid #ccc;
	margin-bottom: .5em;
}

div.group.year {
	clear: both;
}

header {
	margin: 0;
	padding: 1em 0 0 0;
	min-height: calc(100px + 1em);
}

span#biopic {
        width: 100px;
        float: left;
        text-align: center;
}

header h1 {
	margin: 0 0 0 calc(100px + .25em); padding: 0;
}

header p {
	margin-left: calc(100px + .5em);
}

.social {
	font-size: .75em;
	display: inline;
	float: right;
}

.social i {
	padding: .5em 0 0em .2em;
}

img#celeste {
	margin: 0; padding: 0;
	width: 100px;
	clip-path: circle(50% at center);
}

nav { margin-top: 1em; }

nav .navcontent {
	padding: 0;
	margin: 0 0 1em calc(100px + .5em);
}

.backtohome {
	display: inline;
	position: relative;
	width: 100px;
	float: left;
	text-align: right;
	vertical-align: middle;
	padding-top: .5em;
}

nav p {
}

/** PUBLICATIONS **/

#search input[type=text] {
	width: 100%;
	border: 1px solid #999;
	border-radius: 4px;
	padding: .25em;
	margin: 1em 0;
}

h1.YEAR {
	margin: 0; padding: 0;
	display: inline;
	width: 100px;
	float: left;
	text-align: center;
}

.templates {
	margin: 0 0 0 100px; padding: 0 0 0 .5em;
}

.bibtexentry {
	list-style-type: none;
	margin: 0 0 1em 0; padding; 0;
}

img.thumbnail {
	width: 100px;
	margin: 0 0 0 calc(-100px - .5em);
	float: left;
	display: none;
}

span.title { 
	font-weight: bold; 
	font-size: 1.1em; 
	/*display: block;*/
}

/*** PROJECTS ***/

section {
}

.projects {
	margin: 0 0 0 calc(100px + .5em);
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.project {
	flex: calc(50% - 1em);
	max-width: calc(50% - 1em);
	/*border-top: 5px solid #ccc;*/
	margin: 0 0 1em 0;
}

.project.first {
	border: 0;
}

.project p {
}

.major {
	flex: 100%;
	max-width: 100%;
}

.paper {
	clear: both;
	margin-bottom: 2em;
}

.paper img {
	float: left;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0 .5em 2em 0;
}

.paper blockquote {
	margin: 0 2em; padding: 0;
}

.item .date {
	font-weight: bold;
}

figure img {
	width: 100%;
}

/*** OTHER ***/

@media only screen and (max-width: 1000px){
}
@media only screen and (max-width: 800px){
}
@media only screen and (max-width: 600px) {
	div#sticky{
		position: relative;
	}
	.project {
		flex: 100%;
		max-width: 100%;
	}
}