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

#pinnacle-peak-logo {
		/*width: calc(325px - 0px);*/
		width: calc(100% - 510px);
		height: 325px;
		float: left;
		margin-bottom: 9px;
		margin-right: 9px;
	}
	
			#pinnacle-peak-logo a {
				height: 285px;
				background-image: url(../images/artwork/ppml/ppml-logo.png);
			}
			
					#pinnacle-peak-logo a:hover {
						height: 285px;
						background-image: url(../images/artwork/ppml/ppml-logo-hover.png);
					}
	
	#pinnacle-peak-old-logo {
		width: calc(325px - 0px);
		height: 170px;
		float: left;
		margin-bottom: 9px;
		margin-right: 9px;
	}
	
			#pinnacle-peak-old-logo a {
				height: 130px;
				background-image: url(../images/artwork/ppml/old-logo.png);
			}
	
	#pinnacle-peak-about {
		width: calc(325px - 0px);
		min-height: 170px;
		float: left;
		margin-bottom: 9px;
		margin-right: 9px;
	}
	
			.pinnacle-peak-logos {
				width: calc(158px - 0px);
			}
			
			#pinnacle-peak-bw-logo {
				/*width: calc(160px - 0px);*/
				height: 185px;
				float: right;
				margin-bottom: 9px;
				margin-left: 9px;
			}
			
					#pinnacle-peak-bw-logo a {
						height: 145px;
						background-image: url(../images/artwork/ppml/ppml-bw.png);
					}
					
							#pinnacle-peak-bw-logo a:hover {
								height: 145px;
								background-image: url(../images/artwork/ppml/ppml-bw-hover.png);
							}
			
			#pinnacle-peak-red-logo {
				/*width: calc(160px - 0px);*/
				height: 185px;
				float: right;
				margin-bottom: 9px;
				margin-left: 9px;
			}
			
					#pinnacle-peak-red-logo a {
						height: 145px;
						background-image: url(../images/artwork/ppml/ppml-red.png);
					}
					
							#pinnacle-peak-red-logo a:hover {
								height: 145px;
								background-image: url(../images/artwork/ppml/ppml-red-hover.png);
							}
			
			#pinnacle-peak-splatter-logo {
				/*width: calc(160px - 0px);*/
				height: 185px;
				float: right;
				margin-bottom: 9px;
				margin-left: 9px;
			}
			
					#pinnacle-peak-splatter-logo a {
						height: 145px;
						background-image: url(../images/artwork/ppml/ppml-splatter.png);
					}
					
							#pinnacle-peak-splatter-logo a:hover {
								height: 145px;
								background-image: url(../images/artwork/ppml/ppml-splatter-hover.png);
							}
			
			#pinnacle-peak-independence-day {
				/*width: calc(160px - 0px);*/
				height: 185px;
				float: right;
				margin-bottom: 9px;
				margin-left: 9px;
			}
			
					#pinnacle-peak-independence-day a {
						height: 145px;
						background-image: url(../images/artwork/ppml/ppml-july.png);
					}
					
							#pinnacle-peak-independence-day a:hover {
								height: 145px;
								background-image: url(../images/artwork/ppml/ppml-july-hover.png);
							}
			
			#pinnacle-peak-st-patricks-day {
				/*width: calc(160px - 0px);*/
				height: 185px;
				float: right;
				margin-bottom: 9px;
				margin-left: 9px;
			}
			
					#pinnacle-peak-st-patricks-day a {
						height: 145px;
						background-image: url(../images/artwork/ppml/ppml-patricks.png);
					}
					
							#pinnacle-peak-st-patricks-day a:hover {
								height: 145px;
								background-image: url(../images/artwork/ppml/ppml-patricks-hover.png);
							}
			
			#pinnacle-peak-centennial {
				/*width: calc(160px - 0px);*/
				height: 185px;
				float: right;
				margin-bottom: 9px;
				margin-left: 9px;
			}
			
					#pinnacle-peak-centennial a {
						height: 145px;
						background-image: url(../images/artwork/ppml/ppml-cennt.png);
					}
					
							#pinnacle-peak-centennial a:hover {
								height: 145px;
								background-image: url(../images/artwork/ppml/ppml-cennt-hover.png);
							}
			
@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) {
	
			#pinnacle-peak-logo {
				width: calc(310px - 0px);
			}
			
			.pinnacle-peak-logos {
				width: calc(33% - 115px);
			}
			
			#pinnacle-peak-old-logo {
				width: calc(310px - 0px);
			}
}

@media only screen and (max-width: 850px), only screen and (max-device-width: 850px) {
	
			.pinnacle-peak-logos {
				width: calc(50% - 170px);
			}
			
			#pinnacle-peak-logo {
				margin-bottom: 70px;
			}
			
			#pinnacle-peak-old-logo {
				margin-top: -20px;
			}
}