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

html {
	background-color: #ccc;
}

body {
	margin: 0;
	padding: 0;
	font-family: ff-good-web-pro,sans-serif;
	font-weight: 600;
	font-style: normal;
}

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

header {
	padding: 10px 2%;
	margin-bottom: -40px; /* same as pd-header-sticky height */
}

#pd-logo {
	display: inline;
}

#pd-logo img {
	height: 150px;
}

nav {
	display: inline;
	padding-top: 58px;
}

nav a {
	color: #1C75BC;
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
	margin: 0 10px;
}

nav a:hover {
	color: #fff;
	text-decoration: none;
}

#pd-header-sticky {
	top: -300px;
	height: 40px;
	background-color: #002c5b;
	box-shadow: 0 0 5px 0 #999;
	padding: 3px 2%;
}

#pd-logo-sticky img {
	height: 36px;
}

#pd-header-sticky .pd-menu-icon {
	color: #1C75BC;
	font-size: 24px;
	padding: 3px 0 0 0;
	margin: 0;
}

#pd-header-sticky .pd-menu-icon:hover {
	color: #fff;
}

.uk-modal-dialog {
	background-color: #1C75BC;
}

.uk-modal-dialog a {
	display: block;
	color: #002c5B;
	font-size: 48px;
	letter-spacing: -1px;
	line-height: 48px;
	text-transform: uppercase;
}

.uk-modal-dialog a:hover {
	color: #fff;
	text-decoration: none;
}

.uk-close-large {
	color: #002c5B;
	padding-bottom: 30px;
}

.uk-close-large:hover {
	color: #fff;
}

#pd-about, #pd-projects, #pd-in-progress, #pd-press, #pd-contact {
	padding: 5% 10%;
}

#pd-employment {
	color: #fff;
	font-size: 22px;
}

#pd-employment a {
	display: inline;
	font-size: 22px;
	line-height: normal;
	text-transform: none;
}

.pd-title {
	color: #1C75BC;
	font-size: 120px;
	line-height: 120px;
	letter-spacing: -3px;
	text-transform: uppercase;
	padding-top: 20px;
}

.pd-description {
	color: #fff;
	font-size: 48px;
	line-height: 60px;
	padding-top: 50px;
	font-weight: 400;
}

.pd-label {
	color: #fff;
	font-size: 20px;
	text-align: center;
	padding: 5px 0 20px 0;
}

.pd-column {
	padding-left: 7%;
}

.pd-contact-text {
	color: #1C75BC;
	font-size: 30px;
	line-height: 36px;
	margin: 80px 0;
}

.pd-contact-text .pd-em {
	color: #fff;
	font-size: 36px;
}

.pd-contact-text .pd-em a {
	color: #fff;
}

.pd-name {
	color: #ef4836;
	text-transform: uppercase;
	font-size: 38px;
}

.pd-contact-text a {
	color: #1C75BC;
	font-size: 28px;
}

.pd-contact-text a:hover {
	color: #fff;
	text-decoration: none;
}

footer {
	height: 30px;
	padding: 20px 1.5%;
	font-size: 14px;
	line-height: 14px;
	color: #002c5b;
	background-color: #1C75BC;
}

footer a {
	color: #002c5b;
}

footer a:hover {
	color: #fff;
	text-decoration: none;
}



/* LIGHTBOX
 Toolbar
 ========================================================================== */
.uk-lightbox-toolbar {
  background: rgba(0, 0, 0, 0);
}
/* Toolbar Icon (Close)
 ========================================================================== */
.uk-lightbox-toolbar-icon {
  padding: 5px;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.7);
}
/* Hover */
.uk-lightbox-toolbar-icon:hover {
  color: #fff;
}
/* caption
========================================================================== */
.uk-lightbox-caption {
  background: rgba(0, 0, 0, 0.3);
}

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

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





@media (max-width: 1200px){
	
	#pd-logo img {
		height: 130px;
	}
	
	nav a {
		font-size: 20px;
		line-height: 20px;
		margin: 0 7px;
	}
	
	#pd-header-sticky {
		height: 34px;
		padding: 0 2%;
	}

	#pd-logo-sticky img {
		height: 28px;
		margin-top: 4px;
	}

	#pd-header-sticky .pd-menu-icon {
		padding: 0;
		margin-top: 3px;
	}
	
	.pd-title {
		font-size: 90px;
		line-height: 90px;
		letter-spacing: -2px;
		padding-top: 30px;
	}
	
	.pd-description {
		font-size: 30px;
		line-height: 48px;
		padding-top: 30px;
	}
	
	.pd-label {
		font-size: 18px;
		padding: 5px 0 15px 0;
	}
	
		.pd-contact-text {
		font-size: 24px;
		line-height: 30px;
		margin: 60px 0;
	}
	
	.pd-contact-text a {
		font-size: 24px;
	}

	.pd-contact-text .pd-em, .pd-em a {
		font-size: 28px;
	}

	.pd-name {
		font-size: 30px;
	}

	.pd-email a {
		font-size: 24px;
	}
	
}

@media (max-width: 960px){
	
	header .pd-menu-icon {
		color: #1C75BC;
		margin: 40px 20px 0 0;
	}
	
	.pd-column {
		padding-left: 2%;
	}
	
	/*
 * Grid Small
 */
/* Horizontal */
.uk-grid-small,
.uk-grid-column-small {
  margin-left: -10px;
}
.uk-grid-small > *,
.uk-grid-column-small > * {
  padding-left: 10px;
}
/* Vertical */
.uk-grid + .uk-grid-small,
.uk-grid + .uk-grid-row-small,
.uk-grid-small > .uk-grid-margin,
.uk-grid-row-small > .uk-grid-margin,
* + .uk-grid-margin-small {
  margin-top: 10px;
}
	
}

@media (max-width: 640px){
	
	header {
		padding-left: 3%;
	}
	
	header .pd-menu-icon {
		margin: 40px 10px 0 0;
	}
	
	#pd-logo img {
		height: 120px;
	}
	
	#pd-header-sticky {
		height: 34px;
		padding: 0 2%;
	}

	#pd-logo-sticky img {
		height: 28px;
		margin-top: 4px;
	}

	#pd-header-sticky .pd-menu-icon {
		padding: 0;
		margin-top: 3px;
	}

	#pd-about, #pd-projects, #pd-in-progress, #pd-press, #pd-contact {
		padding: 5% 5%;
	}
	
	.pd-title {
		font-size: 60px;
		line-height: 60px;
		letter-spacing: -1px;
		padding-top: 30px;
	}
	
	#pd-projects .pd-title, #pd-in-progress .pd-title, #pd-press .pd-title {
		margin-bottom: 15px;
	}
	
	.pd-description {
		font-size: 24px;
		line-height: 36px;
		padding-top: 30px;
	}
	
	.pd-contact-text {
		font-size: 20px;
		line-height: 28px;
		width: 212px;
		margin: 50px auto;
	}
	
	.pd-contact-text a {
		font-size: 20px;
	}

	.pd-contact-text .pd-em, .pd-em a {
		font-size: 24px;
	}

	.pd-name {
		font-size: 26px;
	}

	.pd-email a {
		font-size: 18px;
	}
	
	footer {
		line-height: 16px;
		padding-top: 16px;
	}
	
/*
 * Grid Small
 */
/* Horizontal */
.uk-grid-small,
.uk-grid-column-small {
  margin-left: -5px;
}
.uk-grid-small > *,
.uk-grid-column-small > * {
  padding-left: 5px;
}
/* Vertical */
.uk-grid + .uk-grid-small,
.uk-grid + .uk-grid-row-small,
.uk-grid-small > .uk-grid-margin,
.uk-grid-row-small > .uk-grid-margin,
* + .uk-grid-margin-small {
  margin-top: 5px;
}
	

}