@charset "UTF-8";
/* CSS Document */

	/* SIGNS */
	
	#signs-container {
		color: #000000;
		overflow: hidden;
	}
	
	#signs-container h2 {
		font-size: 100%;
		padding-bottom: 9px;
		color: #05709c;
		font-family: 'Rubik', sans-serif;
	}
	
	.poster {
		width: calc(33% - 9px);
		height: 500px;
		margin-right: 9px;
		margin-bottom: 14px;
		float: left;
		overflow: hidden;
	}
	
		.poster a {
			width: calc(100% - 0px);
			height: 400px;
			float: left;
			margin-bottom: 9px;
			background-repeat: no-repeat;
			background-position: top left;
			background-size: contain;
		}
		
		.poster a:hover {
			
		}
		
			.purge-labels a {
				background-image: url(../images/artwork/signs/purge-labels-not-lunch.png);
			}
			
					.purge-labels a:hover {
						background-image: url(../images/artwork/signs/purge-labels-not-lunch-hover.png);
					}
			
			.god-of-war a {
				background-image: url(../images/artwork/signs/god-of-war.png);
			}
			
					.god-of-war a:hover {
						background-image: url(../images/artwork/signs/god-of-war-hover.png);
					}
			
			.monsters a {
				background-image:url(../images/artwork/signs/monsters-run-for-your-life.png);
			}
			
					.monsters a:hover {
						background-image:url(../images/artwork/signs/monsters-run-for-your-life-hover.png);
					}
			
			.mj a {
				background-image: url(../images/artwork/signs/michael_jackson.png);
			}
			
					.mj a:hover {
						background-image: url(../images/artwork/signs/michael_jackson-hover.png);
					}
			
			.heritage-farms a {
				background-image: url(../images/artwork/signs/heritage_farms.png);
			}
			
					.heritage-farms a:hover {
						background-image: url(../images/artwork/signs/heritage_farms-hover.png);
					}
	
	.heritage-farms-magnet {
		height: 270px;
	}
	
			.heritage-farms-magnet a {
				height: 200px;
				background-image: url(../images/artwork/signs/heritage-farms-magnet.png);
			}
			
					.heritage-farms-magnet a:hover {
						height: 200px;
						background-image: url(../images/artwork/signs/heritage-farms-magnet-hover.png);
					}
	
	.leos-baby-shower {
		height: 280px;
		width: calc(160px - 0px);
	}
	
			.leos-baby-shower a {
				height: 200px;
				background-image: url(../images/artwork/signs/leos_baby_shower.png);
			}
			
					.leos-baby-shower a:hover {
						height: 200px;
						background-image: url(../images/artwork/signs/leos_baby_shower-hover.png);
					}
		
		
	.billboard {
		width: calc(50% - 9px);
		height: 400px;
	}
	
			.billboard a {
				background-color: #999999;
				height: 320px;
			}



@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
	
	.poster {
		width: calc(50% - 9px);
	}
	
	.billboard {
		width: calc(100% - 9px);
		height: 400px;
	}
}