html {
	background-color: #ddd;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Roboto Condensed", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.pd-container {
	background-color: #fff;
	max-width: 1600px;
	margin: 0 auto;
}

hr {
	padding: 0;
	margin: 0;
	height: 1px;
	background-color: #eee;
}

.pd-title {
	font-size: 96px;
	line-height: 96px;
	letter-spacing: -4px;
	font-weight: 600;
	color: #ccc;
	text-transform: uppercase;
}

#imageGallery {
	padding: 20px 2%;
}



.pd-link {
	text-transform: uppercase;
	padding: 20px 0;
}

.pd-link .uk-icon {
	transform: scale(1.5)  translateY(-1px);
}

.pd-link a {
	color: #aaa;
	font-size: 22px;
	line-height: 22px;
}

.pd-link a:hover {
	color: #333;
	text-decoration: none;
}



/*
 * Small
 */
/* Horizontal */
.uk-grid-small {
  margin-left: -5px;
}
.uk-grid-small > * {
  padding-left: 5px;
}
/* Vertical */
.uk-grid + .uk-grid-small,
.uk-grid-small > .uk-grid-margin,
* + .uk-grid-margin-small {
  margin-top: 5px;
}




/*.uk-lightbox-toolbar {
  background: rgba(0, 0, 0, 0);
}

.uk-lightbox-button {
	margin-left: 0;
	margin-right: 0;
}*/

html.uk-lightbox-page {
	background-color: black !important
}

.uk-slidenav {
	margin-left: 0;
	margin-right: 0;
}






@media (max-width: 1200px) {
	
	
	.pd-title {
		font-size: 76px;
		line-height: 76px;
		letter-spacing: -3px;
		margin-top: 10px;
	}
	
	.pd-link a {
		font-size: 18px;
	}
	
	.pd-link .uk-icon {
		transform: scale(1.25) translateY(-2px);
	}
	
}



@media (max-width: 960px) {
	
	.pd-link a {
		font-size: 22px;
	}
	
	.pd-link .uk-icon {
		transform: scale(1.5) translateY(-2px);
	}

}



@media (max-width: 640px){

	.pd-title {
		font-size: 68px;
		line-height: 68px;
		letter-spacing: -3px;
		margin-top: 10px;
	}
	
	#imageGallery {
		padding: 10px 2%;
	}

	
	.pd-link a {
		font-size: 18px;
	}
	
	.pd-link .uk-icon {
		transform: scale(1.25) translateY(-2px);
	}
	
}