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

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

.blog {	
	width: 95%;
	margin: auto;
	background-color: #000;
	z-index: 2;
	
	
}


.logo {
	float:left;	
	font-family: "Courier New", Courier, mono;
	font-variant: small-caps;
	position: fixed;
	font-size: 12pt;
	margin-left: -2%;
	
}


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


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


}


.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 "Courier New", Courier, mono;
}

.title{

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

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

.c{

	
	font-family: "Courier New", Courier, mono;
	font-variant: small-caps;
}

img{
	max-width: 100%;
}

@media screen and (max-width: 768px) {
	.descriptor{
	
	width: 100%;
	}
	.figure{
	width: 100%;
}
.logo {
	float:left;	
	font-family: "Courier New", Courier, mono;
	font-variant: small-caps;
	font-size: 9pt;
	margin-left: -3%;
	position: static;
	
}

.c{
		font-size: 9pt;

}

}

@media screen and (min-width: 1331px) {
	.descriptor{
	width: 25%;
	float: left;
	margin-left: 24px;
	}
	.figure{
	width: 73%;
}

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