body{
	background-color: #000;
	color: #fff;
	
}

@font-face {
  font-family: "RiformaMonoLLWeb-Regular";
  src: url("fonts/RiformaMonoLLWeb-Regular.woff") format("woff");
}

@font-face {
  font-family: "RiformaMonoLLWeb-Light";
  src: url("fonts/RiformaMonoLLWeb-Light.woff") format("woff");
}

@font-face {
  font-family: "RiformaMonoLLWeb-Light";
  src: url("fonts/RiformaMonoLLWeb-Light.woff2") format("woff2");
}

#page{
		margin: 30px auto;
		width: 100%;
		background-color: #000;
		float: left;
		
		}
		

.blog {	
	width: 95%;
	margin: auto;
	background-color: #000;
	z-index: 2;
	letter-spacing: 0px;
	line-height: 1.5;

}





.logo {
	float:left;	
	font-family: "RiformaMonoLLWeb-Light"; Courier, mono;
	
	position: fixed;
	font-size: 9pt;
	margin-left: -2%;
	
}


a {
	color:#fff;
	text-decoration: none;
	text-decoration-thickness: 1px;
	
	}
a:hover, a:hover {
	color: #fcff17;
	}
	
a:visited, a:visited {
	color: #fff;
	}


.blog .main {
	float: left;
	width: 100%;
	
	z-index: 0;



}

a.under {
	border-bottom: 1px solid #fff;
}


.project{
	background-color: #000;
	width: 100%;
	float: left;

}

.figure {
	margin: auto;
	width:  73%;
	float: left;
	border-top: 1px solid #fff;

}

.descriptor{
	width: 25%;

	float: right;
	border-top: 1px solid #fff;
	color: #fff;
	font: 12px "RiformaMonoLLWeb-Light", Courier, mono;
	line-height: 1.5;
				    
}




.title{

font: bold 9pt "helvetica", helvetica, arial, sans;

}

.big{
	font: small-caps 22pt "RiformaMonoLLWeb-Regular", Courier, mono;
}

.c{

	font-size: 12pt;
	letter-spacing: 0px;
	font-family: "RiformaMonoLLWeb-Light", Courier, mono;
	font-variant: small-caps;
}

img{
	max-width: 100%;
}

@media screen and (max-width: 768px) {
	.descriptor{
	
	width: 100%;
		border-top: 0px solid #fff;
	}
	.figure{
	width: 100%;
	
}
.logo {
	float:left;	
	font-family: "RiformaMonoLLWeb-Light", Courier, mono;
	font-size: 7pt;
	margin-left: -3%;
	position: static;
	
}



}

@media screen and (min-width: 1331px) {
	.descriptor{

	float: left;
	margin-left: 20px;
	}
	.figure{
	width: 73%;
}

.blog {	
	
	margin: auto;
	background-color: lightgrey;
	z-index: 2;
	
}