/* CSS Document */

@media only screen and (min-width: 568px) {
	body{
		padding-left:1%;
		padding-top:1%;
		font-size:0.95em;
	}
	.grid-item {
	  width: 47%;
	  -webkit-box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.5);
	  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.5);
		margin-bottom:0;
	}
	.grid-item.width2 {
		width:97%;
	}
	
	.width2 .project-name-B {
		margin-top:-52%; margin-bottom:50%;
		padding-left:5px;
		font-size:1.2em;
	}
	
	.project-info {
		margin-top:30%; margin-bottom:6%;
		width:100%;
	}
	.footer img {
		margin-left:30px;
		margin-right:30px;
		width:30px;
		height:30px;
		margin-top:3px;
	}
}

@media only screen and (min-width: 1070px) {
	
	.gutter-sizer {
	  width: 2%;
	}
	.grid-item {
	  width: 31%;
	}
	.grid-item.width2 {
		width:64%;
	}
	
	.desktop-only {
		display:inline;
	}
	.mobile-only {
		display:none;
	}
	.footer img {
		margin-left:30px;
		margin-right:30px;
		width:30px;
		height:30px;
		margin-top:3px;
	}
	.devlog-video { width:80%; margin-left:10%; margin-right:10%; }
	.devlog-video.wide { width:90%; margin-left:5%; margin-right:5%; }
	.project-full-header { width:60%; }
}

@media only screen and (min-width: 1400px) {
	
	.project-name-B.featured {
		margin-top:-50.3%; margin-bottom:48%;
		padding-left:5px;
	}
	.project-screenshot.featured {
		background-image:url('../media/projects/Apolycalypse/index-thumb-wide.jpg');
	}
	.gutter-sizer {
	  width: 1%;
	}
	
	.grid-item {
	  width: 24%;
	}
	.grid-item.width2 {
		width:49%;
	}
	
	.desktop-only {
		display:inline;
	}
	.mobile-only {
		display:none;
	}
	.footer img {
		margin-left:30px;
		margin-right:30px;
		width:30px;
		height:30px;
		margin-top:3px;
	}
}

@media only screen and (min-width:1921px) {
	body{
		zoom:1.0875;
	}
	.grid-item {
	  /*width: 19%;*/
	}
	.grid-item.width2 {
		/*width:39%;*/
	}
	
	.project-name-B.featured {
		margin-top:-48.1%; margin-bottom:47%;
	}
	
	.desktop-only {
		display:inline;
	}
	.mobile-only {
		display:none;
	}
	.footer img {
		margin-left:30px;
		margin-right:30px;
		width:30px;
		height:30px;
		margin-top:3px;
	}
}