body {
	background:#010101 url(../images/bkg.jpg) no-repeat fixed left top;
	margin:0;
	padding:0;
	font-family: Trebuchet MS,Helvetica,sans-serif; 
	color: #c2c2c2;
	font-size:12px;
}

* {
	margin: 0 auto;
	padding: 0;
	max-width: 100%;
}

.header {
	margin: 2.5vw auto;
	max-width: 95vw;
}

.grid {
	text-align: center;
	max-width: 95vw;
	margin: 2.5vw auto;
}

.grid-item {
	padding: 5px;
	box-sizing: border-box;
	display:inline;
}


@media (min-width: 500px) {
	.grid-item {
		width: 50%;
	}
}

@media (min-width: 1000px) {
	.grid-item {
		width: 33.333%;
	}
}

@media (min-width: 1700px) {
	.grid-item {
		width: 25%;
	}
}

@media (min-width: 2100px) {
	.grid-item {
		width: 20%;
	}
}