@charset "UTF-8";

section.project-intro{
	position: fixed;
	z-index: -100;
	width: 100%;
}
.project-intro img{
	position: fixed;
	z-index: -100;
	top: 110px;
	width: 100%;
}
.project-intro h2{
    font-family: 'GothamMedium';
    color: #fff;
    font-size: 24px;
    padding: 20%;
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
    text-transform: uppercase; 
}
main {
	margin: 80% 0 0 0;
    background: #f9f9f9;
  }
 .projects h2{
 	font-family: 'GothamMedium';
	color: #fff;
	font-size: 18px;
	padding: 20px;
	background: #000;
	margin: 20px 0;
 }
 .projects p{
 	font-family: 'Courier';
	color: #393939;
	font-size: 1em;
	line-height: 1.25em;
	padding: 20px;
 }
 section.projects img, section.prjects img{
 	width: 100%;
 }
 
 section.related{
  	background: #000;
  	padding: 20px;
  	margin: 0;
  }
 section.related a{
 	font-family: 'Courier';
	color: #fff;
	font-size: 1.25em;
	text-decoration: none;
 }
 section.related a:hover{
 	text-decoration: underline;
 }
  .cell1x2.uforia-cover{
	background: url("../images/projects/Splash_Animation.gif") no-repeat content-box;
	background-size: 70% auto;
	background-position: top center;	
}
  .cell1x2.uforia-cover2{
	background: url("../images/projects/Hero-Card-Carousel.gif") no-repeat content-box;
	background-size: 70% auto;
	background-position: top center;	
}
 .cell2x1.uforia-userflows1{
	background: url("../images/projects/uforia-userflows1.jpg") no-repeat content-box;
	background-size: 100% auto;
	background-position: center;	
}
 .cell1x1.uforia-userflows2{
	background: url("../images/projects/uforia-userflows2.jpg") no-repeat content-box;
	background-size: 125% auto;
	background-position: center;	
}
 .cell1x1.uforia-userflows3{
	background: url("../images/projects/uforia-userflows3.jpg") no-repeat content-box;
	background-size: 125% auto;
	background-position: center;	
}
 .cell2x1.uforia-cards{
	background: url("../images/projects/uforia-cards1.jpg") no-repeat content-box;
	background-size: 100% auto;
	background-position: center;	
}
 .cell1x1.uforia-cards1{
	background: url("../images/projects/uforia-cards.jpg") no-repeat content-box;
	background-size: 125% auto;
	background-position: center;	
}
 .cell1x1.uforia-cards2{
	background: url("../images/projects/uforia-cards2.jpg") no-repeat content-box;
	background-size: 125% auto;
	background-position: center;	
}
 .cell1x1.uforia-deliverable{
	background: url("../images/projects/uforia-deliverable.jpg") no-repeat content-box;
	background-size: 100% auto;
	background-position: center;	
}
 .cell1x1.uforia-deliverable1{
	background: url("../images/projects/uforia-deliverable1.jpg") no-repeat content-box;
	background-size: 100% auto;
	background-position: center;	
}
 @media (min-width: 600px) {
 	.project-intro img{
	top: -200px;
	}
 	main {
 	margin: 36% 0 0 0;
    grid-gap: 40px 20px;
 	}
 	.project-intro h2{
    position: fixed;
    padding: 32% 50%;
    top: -200px;
}
 }