.grid {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
  grid-auto-rows: 20px;
}
		@font-face {
		  font-family: Josefin Sans;
			font-weight: 400;
		  src: url(../../../cv/src/fonts/JosefinSans-Regular.ttf);
}
/* Non-grid specific CSS */  
body {
  margin: 0;
	color: #374046;
	background-color: #cdcdcd;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 12px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

.item {
  background-color: #ffffff;
}

.photothumb{
  width: 100%;
}

.title {
  padding: 10px 20px 1px 20px;
 }

.title h3{
  font-size: 1.2em;
  color: #ffffff;
}

.project .title{
  background-color: #909090;
}

.blog .title{
  background-color: #787878;
}

.photo .title{
  background-color: #343434;
}

.desc{
  padding: 10px 10px 5px 10px;
}

.desc img{
  width: 50%;
  margin: 0 10px 10px 0;
  float: left;
}

.desc p{
  margin-bottom: 5px;
}