@import url("reset.css");

/*
------------------------------------------

	COLORS
	
------------------------------------------

RMF Green: #134652
RMF Gold: #c09c06
Text: #717879
Light Green: #a5b7bc
Light Blue: #6e9ca7
Blue Btn: #5094a0
Grey Body: #eef2f3
Grey Sidebar: #e5ebed

*/


	
}

/*
------------------------------------------

	GRID
	
------------------------------------------
*/

.col-one { width: 3.86100386100386%; /* 50 / 1295 */ }
.col-two { width: 9.65250965250965%; /* 125 / 1295 */ }
.col-three { width: 15.44401544401544%; /* 200 / 1295 */ }
.col-four { width: 21.23552123552124%; /* 275 / 1295 */ }
.col-five { width: 27.02702702702703%; /* 350 / 1295 */ }
.col-six { width: 32.81853281853282%; /* 425 / 1295 */ }
.col-seven { width: 38.61003861003861%; /* 500 / 1295 */ }
.col-eight { width: 44.4015444015444%; /* 575 / 1295 */ }
.col-nine { width: 50.19305019305019%; /* 650 / 1295 */ }
.col-ten { width: 55.98455598455598%; /* 725 / 1295 */}
.col-eleven { width: 61.77606177606178%; /* 800 / 1295 */ }
.col-twelve { width: 67.56756756756757%; /* 875 / 1295 */ }
.col-thirteen { width: 73.35907335907336%; /* 950 / 1295 */ }
.col-fourteen { width: 79.15057915057915%; /* 1025 / 1295 */ }
.col-fifteen { width: 84.94208494208494%; /* 1100 / 1295 */ }
.col-sixteen { width: 90.73359073359073%; /* 1175 / 1295 */ }




/*
------------------------------------------

	TYPOGRAPHY
	
------------------------------------------
*/

body {
	background-color: #eef2f3;
	/* color: #717879; /* Pre-ADA */
	color: #656f71;
	font-size: 16px;
	font-family: 'gesta', Klavika, Univers, Calibri, "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	position: relative;
}

h1,h2,h3,h4,h5,h6 {
	color: #134652;
	font-family: "klavika-web", Klavika, Univers, Calibri, "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
}

h1 {
	font-size: 2.0625em; /* 33 / 16 */
	margin-bottom: 0.5em; /* 8 / 16 */
	line-height: 1.3;
}

h2 {
	color: #c09c06;
	font-size: 1.6em;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 0.875em; /* 14 / 16 */
}

h3 {
	font-size: 1.375em; /* 22 / 16 */
	line-height: 1.4;
}

h4 {
	font-size: 1.15em; /* Eyeball */
	font-weight: 600;
	margin-bottom: 0.875em; /* 14 / 16 */
}

h5 {
	color: #bf9a05;
	font-size: 1em; /* 16 / 16 */
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 0.4375em; /* 7 / 16 */
}

h6 {
	font-family: 'gesta', Klavika, Univers, Calibri, "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.125em;
	font-weight: 400;
	color: #717879;
}

	h6 a {
		font-family: "klavika-web", Klavika, Univers, Calibri, "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #134652;
		font-weight: 400;
		text-transform: uppercase;
		border-bottom: 2px solid #a5b7bc;
		padding-bottom: 6px;
		letter-spacing: 1px;
	}
	
		h6 a:hover{
			border-color: #c29d06;
			text-decoration: none;
		}

	p {
		font-size: 1em; /* 16 / 16 */
		line-height: 1.75;
		margin-bottom: 1.125em; /* 18 / 16 */
	}
	
		strong {
			font-weight: 600;
		}
		
		a {
			color: #c09c06;
			text-decoration: none;
		}
			
			a:hover {
				text-decoration: underline;
			}
			
			header a:hover, footer a:hover, #side-nav a:hover, #sidebar a:hover {
				text-decoration: none;
			}
		
		p:not('#experience p') a:hover {
			text-decoration: underline;
		}
	
		em {
			font-style: italic;
		}

blockquote {
	color: #134652;
	font-style: italic;
	padding-left: 5%; /* Eyeball */
}


/* Modified Type Styles */

		header a {
			color: #fff;
			font-family: "klavika-web", Klavika, Univers, Calibri, "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size: 0.875em; /* 14 / 16 */
			font-weight: 600;
			text-transform: uppercase;
			letter-spacing: 1px;
			transition: all 0.2s ease-out; 
		}
		
			header a:hover {
				color: #a5b7bc;
			}
			
		#utility li a {
			/* color: #5094a0; /* Pre-ADA */
			color: #65adbc;
			font-size: 0.75em; /* 12 / 16 */
		}
		
			#utility li a.search-btn span{
				color: #c09c06;
				font-size: 1.375em;
			}
		
		.mod-proj h4 {
			/* color: #717879; * Pre-ADA */
			color: #677172;
			font-family: 'gesta', Klavika, Univers, Calibri, "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size: 1em; /* 16 / 16 */
			line-height: 1.3;
			margin-bottom: 1.125em; /* 18 / 16 */
		}
		
		.mod-num p {
			font-size: 0.875em; /* 14 / 16 */
			padding-top: 6px;
			text-align: center;
			position: relative;
		}

		footer h6 {
			color: #fff;
			font-family: "klavika-web", Klavika, Univers, Calibri, "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size: 0.875em; /* 14 / 16 */
			font-weight: 600;
			line-height: 1.3;
			margin-bottom: 0.875em;
			text-transform: uppercase;
			letter-spacing: 1px;
		}
		
				
		a.num:hover {
			text-decoration: none;			
		}
		
		footer .alpha p,
		footer #locations p,
		footer #credit p {
			font-size: 0.875em;
			/* color: #5094a0; /* Pre-ADA */
			color: #60b7c7;
			line-height: 1.5;
		}
		
		footer .alpha #hq a{ 
			/* color: #5094a0; /* Pre-ADA */
			color: #60b7c7;
		}
		
			footer .alpha #hq a:hover{ text-decoration: none; color: #73bac7; }
		
			footer #credit p.mobile{ display: none; }
		
			footer #locations p{
				width: 88%;
			}
		
			footer .alpha p strong {
				font-weight: 600;
			}

.hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}


/*
------------------------------------------

	STRUCTURE
	
------------------------------------------
*/

header {
	background-color: #203d44;
	background-color: rgba(32, 61, 68);
	background-color: rgba(32, 61, 68, 1);
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	padding-top: 2.125em; /* 34 / 16 */
	padding-bottom: 2.125em; /* 34 / 16 */
	padding-left: 4.63320463320463%; /* 60 / 1295 */
	padding-right: 4.63320463320463%; /* 60 / 1295 */
	z-index: 20;
}

	#bigwrapper header{
		background-color: #203c43;
		background-color: rgba(10,42,49);
		background-color: rgba(10,42,49, 0.9);
	}

	#hamburger {
		color: #fff;
		position: relative;
		z-index: 3000;
		cursor: pointer;
		float: right;
		top: .38em; /* 5 / 16 */
		right: -.125em;
	}
	
		#hamburger span{
			font-size: 1.75em;
		}
	
	#bigwrapper #hamburger{ /* homepage */
		top: .58em;
	}
	
		#bigwrapper #hamburger span{ /* homepage */
			font-size: 2em;
		}
	
	
	#closeme {
		position: relative;
		color: #fff;
		cursor: pointer;
		float: left;
		padding-top: 2em;
		padding-left: 2em;
		z-index: 20;
	}
	
		#closeme span{
			font-size: 2em;
		}

	#logo {
		width: 21.23552123552124%; /* 275 / 1295 */
		min-width: 212px;
		max-width: 300px;
		position: absolute;
		top: 1.875em; /* 30 / 16 */
		left: 4.63320463320463%; /* 60 / 1295 */
	}
	
	#searchbox {
		display: none;	
		z-index: 10;	
	}
	
		#searchbox form {
			/* padding-top: 1.5em; /* Eyeball */
		}
		
			#searchbox span{ /* Search Icon */
				color: #5094a0;
				position: absolute;
				font-size: 2em;
				top: 1.1em;
				right: 1.75em;
				cursor: pointer;
			}
			
				#searchbox span:hover{
					cursor: pointer;
					}
			
			#searchbox input {
				color: #666666;
				font-family: "klavika-web", Klavika, Univers, Calibri, "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-weight: 300;
				width: 100%;
				height: 3.125em; /* 100 / 16 */
				border: none;
				background: none;
				font-size: 2em;
				transition: all 0.2s ease;
				padding-left: 4.63320463320463%; /* 60 / 1295 */
				padding-right: 4.63320463320463%; /* 60 / 1295 */
				box-sizing: border-box;
			}
			
			#searchbox input.search-field:focus {
				background: #5094a0;
				color: #ffffff;
			}
			
			/* Webkit */
			#searchbox input:focus::-webkit-input-placeholder { color: #fff; opacity: 1; }
			
			/* Firefox 4-18 */
			#searchbox input:focus:-moz-placeholder { color: #fff; opacity: 1; }
			
			/* Firefox 19+ */
			#searchbox input:focus::-moz-placeholder { color: #fff; opacity: 1; }
			
			/* IE10+ */
			#searchbox input:focus:-ms-input-placeholder { color: #fff; opacity: 1; }
			
			
			#searchbox input[type="submit"] {
				position: absolute;
				top: 0;
				right: 0;
				width: 100px;
				height: 100px;
				text-indent: -9999px;
				cursor: pointer;
			}
			
				input[type=text]::-ms-clear {
					display: none;
				}
	
	.search-btn {
		width: 20px;
		height: 18px;
	}
	
	#mobile-search {
		display: none;
		width: 20px;
		height: 18px;
	}
	
		#mobile-search a.search-btn span{
			font-size: 1.375em;
			color: #c09c06;
		}
		
			#bigwrapper #mobile-search{
				top: .927em;	
				right: .9375em;
			}
			
			#mobile-search a.search-btn{
				font-size: 0px;
			}
			
			#mobile-search a.search-btn span{
				font-size: 1.2875rem;
			}
	
	#searchbox.open {
		display: block;
		-webkit-animation: showMe 0.25s; /* Safari, Chrome and Opera > 12.1 */
		-moz-animation: showMe 0.25s; /* Firefox < 16 */
		-ms-animation: showMe 0.25s; /* Internet Explorer */
		-o-animation: showMe 0.25s; /* Opera < 12.1 */
		animation: showMe 0.25s;
		height: 6.25em; /* 100 / 16 */
	}

		@keyframes showMe {
		    from { height: 0; }
		    to   { height: 6.25em; /* 100 / 16 */ }
		}
		
		/* Firefox < 16 */
		@-moz-keyframes showMe {
		    from { height: 0; }
		    to   { height: 6.25em; /* 100 / 16 */ }
		}
		
		/* Safari, Chrome and Opera > 12.1 */
		@-webkit-keyframes showMe {
		    from { height: 0; }
		    to   { height: 6.25em; /* 100 / 16 */ }
		}
		
		/* Internet Explorer */
		@-ms-keyframes showMe {
		    from { height: 0; }
		    to   { height: 6.25em; /* 100 / 16 */ }
		}
		
	#searchbox.close{
		display: block;
		-webkit-animation: hideMe 0.25s; /* Safari, Chrome and Opera > 12.1 */
		-moz-animation: hideMe 0.25s; /* Firefox < 16 */
		-ms-animation: hideMe 0.25s; /* Internet Explorer */
		-o-animation: hideMe 0.25s; /* Opera < 12.1 */
		animation: hideMe 0.25s;
		height: 0; /* 100 / 16 */
	}

		@keyframes hideMe {
		    from { height: 6.25em; /* 100 / 16 */ }
		    to   {  height: 0; }
		}
		
		/* Firefox < 16 */
		@-moz-keyframes hideMe {
		    from { height: 6.25em; /* 100 / 16 */ }
		    to   {  height: 0; }
		}
		
		/* Safari, Chrome and Opera > 12.1 */
		@-webkit-keyframes hideMe {
		    from { height: 6.25em; /* 100 / 16 */ }
		    to   {  height: 0; }
		}
		
		/* Internet Explorer */
		@-ms-keyframes hideMe {
		    from { height: 6.25em; /* 100 / 16 */ }
		    to   {  height: 0; }
		}



	#utility,
	nav {
		float: right;
		position: relative;
		z-index: 100;
	}
	
	nav {
		clear: both;
	}
	
	#utility {
		margin-bottom: 0.875em; /* 14 / 16 */
	}
	
		#utility li,
		nav li {
			float: left;
			position: relative;
		}
		
		#utility li {
			margin-right: 1.25em; /* 20 / 16 */
		}
		
		nav li {
			margin-right: 2.125em; /* 34 / 16 */
		}
		
			nav li a {
				letter-spacing: 1.5px;
			}
			
			#utility li a {
				letter-spacing: 2px;
				transition: all 0.2s ease-out;
			}
				
				#utility li a.search-btn{
					font-size: 0px;
				}
					
					#utility li a.search-btn span{
						font-size: 1.03125rem;
					}
			
				#utility li a:hover{
					color: #dbdfe0;
				}
		
			nav li.current_page_parent a{
				color: #c29d06;
			}
			
			#utility li:last-child,
			nav li:last-child {
				margin-right: 0;
			}


/* Project Module Styles */

#carousel {
	padding-top: 2.4375em; /* 39 / 16 */
	margin-bottom: 3.75em; /* 60 / 16 */
}

.mod-proj {
	width: 93.5374149659864%; /* 275 / 299 */
	float: left;
	position: relative;
	min-height: 405px;
	background: #eef2f3;
	box-sizing: border-box;
	box-shadow: 1px 1px 14px 0px rgba(19,17,28,0.10);
	margin: 0 3.19816053511706%; /* 25 / 1175 */
}

	.mod-num {
		background: #fff;
		width: 36px;
		height: 36px;
		position: absolute;
		top: 0;
		right: 0;
	}
		
	.mod-proj img {
		margin-bottom: 1.25em; /* 20 / 16 */
	}
	
	.mod-proj h4,
	.mod-proj h3 {
		padding-left: 9.81818181818182%; /* 27 / 275 */
		padding-right: 9.81818181818182%; /* 27 / 275 */
	}
	
	.mod-proj h3 {
		margin-bottom: 0.5em; /* 8 / 16 */
	}
	
	.mod-btn {
		background-color: #134652;
		width: 100%;
		padding-left: 9.81818181818182%; /* 27 / 275 */
		padding-right: 9.81818181818182%; /* 27 / 275 */
		padding-top: 1.4375em; /* 23 / 16 */
		padding-bottom: 1.4375em; /* 23 / 16 */
		box-sizing: border-box;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
		body.home .mod-btn{
			-webkit-transition-duration: 0.5s;
			-ms-transition-duration: 0.5s;
			transition-duration: 0.5s;
			-webkit-transition-property: background;
			transition-property: background;
			-ms-transition-property: background;
			
			background: #134652 url('../img/circle_right_gold@2x.png') no-repeat;
			background-position: 9.125rem 1.125rem;
			background-size: 1.75em;
		}
		
			body.home .mod-btn:hover{
				background: #134652 url('../img/circle_right_white@2x.png') no-repeat;
				background-position: 9.125em 1.125em;
				background-size: 1.75em;
			}
	
		.mod-btn a {
			color: #fff;
			border: none;
			padding-bottom: 0;
			font-weight: 400;
			font-size: 0.8888888888888889em;
			letter-spacing: 2px;
			position: relative;
			
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
			box-shadow: 0 0 1px rgba(0, 0, 0, 0);
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			-moz-osx-font-smoothing: grayscale;
		}
		
			body.home .mod-btn a{
				padding-right: 3em;
				-webkit-transition-duration: 0.5s;
				-ms-transition-duration: 0.5s;
				transition-duration: 0.5s;
				-webkit-transition-property: color;
				transition-property: color;
				-ms-transition-property: color;
			}
			
			body.home .mod-btn a:hover {
				text-decoration: none;	
			}
					
		
h5 a.btn {
	background-color: rgba(255,255,255, 1);
	color: #134652;
	padding: 1.6em 3.25em 1.625em 1.125em; /* 27 / 16 */
	position: relative;
	font-weight: 400;
	
	background: #fff url('../img/circle_right_gold@2x.png') no-repeat;
	background-position: 8.5rem 1.1875rem;	
	background-size: 1.75em;
	
	-webkit-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: background;
	transition-property: background;
	-ms-transition-property: background;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
}

	body.home h5 a.btn:hover, body.home h5 a.btn:active, body.home h5 a.btn:focus{
		background: #fff url('../img/circle_right_blue@2x.png') no-repeat;
		background-position: 8.5rem 1.1875rem;
		background-size: 1.75em;
	}
	
		
footer {
	background: #134652 url('../img/footer_check2.png') repeat-x;
	position: relative;
	float: left; /* fix responsive display issues */
	padding-left: 4.63320463320463%; /* 60 / 1295 */
	padding-right: 4.63320463320463%; /* 60 / 1295 */
	padding-top: 3.75em; /* 60 / 16 */
	padding-bottom: 3.75em; /* 60 / 16 */
	width: 100%;
	box-sizing: border-box;
}

	footer .top{
		margin-bottom: 2.875em;
	}
	
		footer .top .logo{
			width: 57.4468085106383%;
			float: left;
		}
		
			footer .top .logo img{
				width: 40.74074074074074%; /* 275 / 675 */
				min-width: 212px;
				max-width: 300px;
			}
		
		footer .top #search{
			width: 42.5531914893617%;
			float: left;
		}
		
			footer .top #search form label{
				color: #fff;
			}

	footer .alpha {
		width: 57.4468085106383%; /* 675 / 1175 */
		float: left;
		position: relative;
	}
		
	footer .beta {
		width: 42.5531914893617%; /* 500 / 1175 */
		float: left;
		position: relative;
	}
	
		footer .alpha img {
			width: 47.11111111111111%; /* 318 / 675 */
			float: left;
			position: relative;
			margin-right: 3.7037037037037%; /* 25 / 675 */
		}
	
		#footer-logo {
			width: 40.74074074074074%; /* 275 / 675 */
			min-width: 212px;
			max-width: 300px;
			margin-bottom: 2.5em; /* 50 / 16 */
		}
			
			#footer-logo img {
				width: 100%;
			}
			
		#hq {
			clear: both;
		}

	
	#footer-map {
		clear: both;
		position: relative;
		padding-top: 2em; /* 30 / 16 */
		margin-bottom: 2em; /* 30 / 16 */
	}
	
		.map-col {
			border-top: 1px solid #335f69;
			width: 12.51063829787234%; /* 147 / 1175 */
			float: left;
			position: relative;
			margin-right: 1.95744680851064%; /* 23 / 1175 */
			padding-top: 1.75em; /* Eyeball */
		}
		
		.map-col:last-child {
			margin-right: 0;
		}
		
			.map-col li {
				margin-bottom: 0.875em; /* 14 / 16 */
			}
			
				.map-col li h6 {
					margin-bottom: 0;
				}
			
				.map-col li a {
					font-size: 0.875em; /* 14 / 16 */
					/* color: #5094a0; /* Pre-ADA */
					color: #60b7c7;
				}
				
				.map-col li a:hover{
					color: #73bac7;
				}
				
	#locations {
		width: 51.06382978723404%; /* 600 / 1175 */
		float: left;
		position: relative;
	}
	
	#credit {
		width: 48.93617021276596%; /* 575 / 1175 */
		float: right;
		margin-top: 1.875em; /* 30 / 16 */
		position: relative;
	}
	
		#credit p{
			float: left;
		}
		
			#credit p a{
				color: #cea809;
			}
	
	#social ul{
		list-style: none;
		float:left; 
		margin-left: 9.88416988416988%;
		margin-top: -.325em;
	}
	
		#social ul li{
			display: inline-block;
			margin-right: .625em;
		}
			
			#social ul li a{
				font-size: 0px;
				color: #60b7c7;
			}
			
				#social ul li a span{
					font-size: 28px;
					line-height: 0;
					/* color: #5094a0; /* Pre-ADA */
					color: #60b7c7;
				}
				
					#social ul li a span:hover{
						color: #73bac7;
					}

#menu {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #134652;
	background-color: #0a2a31;
	background-color: rgba(10,42,49);
	background: rgba(10,42,49, 0.90);
	z-index: 5000;
 }
 
 
#menu.open {
	display: block;
	-webkit-animation: coverMe 0.1s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: coverMe 0.1s; /* Firefox < 16 */
	-ms-animation: coverMe 0.1s; /* Internet Explorer */
	-o-animation: coverMe 0.1s; /* Opera < 12.1 */
	animation: coverMe 0.1s;
}

	@keyframes coverMe {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}
	
	/* Firefox < 16 */
	@-moz-keyframes coverMe {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}
	
	/* Safari, Chrome and Opera > 12.1 */
	@-webkit-keyframes coverMe {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}
	
	/* Internet Explorer */
	@-ms-keyframes coverMe {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}
	
	
#menu.close {
	-webkit-animation: unCoverMe 0.5s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: unCoverMe 0.5s; /* Firefox < 16 */
	-ms-animation: unCoverMe 0.5s; /* Internet Explorer */
	-o-animation: unCoverMe 0.5s; /* Opera < 12.1 */
	animation: unCoverMe 0.5s;
}

	@keyframes unCoverMe {
	    from { opacity: 1; }
	    to   { opacity: 0; }
	}
	
	/* Firefox < 16 */
	@-moz-keyframes unCoverMe {
	    from { opacity: 1; }
	    to   { opacity: 0; }
	}
	
	/* Safari, Chrome and Opera > 12.1 */
	@-webkit-keyframes unCoverMe {
	    from { opacity: 1; }
	    to   { opacity: 0; }
	}
	
	/* Internet Explorer */
	@-ms-keyframes unCoverMe {
	    from { opacity: 1; }
	    to   { opacity: 0; }
	}


	#menu ul {
		position: fixed;
		width: 100%;
		height: 80%;
	}
	
	#menu ul li {
		text-align: center;
		font-size: 2em;
		min-height: 35px;
		height: calc(100% / 8);
		position: relative;
	}
	
	#menu ul li.open {
		-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
		-moz-animation: fadein 2s; /* Firefox < 16 */
		-ms-animation: fadein 2s; /* Internet Explorer */
		-o-animation: fadein 2s; /* Opera < 12.1 */
		animation: fadein 2s;
	}
	
		#menu ul li a {
			color: #fff;
			font-family: "klavika-web", Klavika, Univers, Calibri, "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-weight: 300;
			text-transform: uppercase;
			letter-spacing: 1px;
			position: relative;
			top: 30%;
			transition: all 0.2s ease-out;
		}
		
			#menu ul li a:hover {
				color: #c09c06;
				text-decoration: none;
			}
		
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* Footer Search Styles */

	footer .beta {
		padding-top: 0;
	}
	
		#search {
			position: relative;
			bottom: -.9375em;
			/* margin-bottom: 2.1875em; /* 35 / 16 */
		}
		
		#search.footer{
			height: 3.1875em; /* 51px */
			margin-bottom: 2.3875em;
		}
		
			#search input {
				color: #fff;
				width: 63.4%; /* 317 / 500 */
				min-width: 15.625em;
				border: none;
				border-bottom: 1px solid #60b7c7;
				background-color: transparent;
				font-family: "klavika-web", Klavika, Univers, Calibri, "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans-serif;
				text-transform: uppercase;
				letter-spacing: 1px;
				font-size: 1em;
				padding: 0 0 .8125em 1.875em; /* Eyeball */
				box-sizing: border-box;	
				text-align: left;
				margin-top: -1em;
			}
			
			#search input[type="submit"] {
				width: 30px;
				height: 30px;
				text-indent: -9999px;
				position: absolute;
				top: 15px;
				left: 0;
				cursor: pointer;
				border-bottom: none;
				padding: 0;
				min-width: 30px;
			}
			
			#search span{
				position: absolute;
				font-size: 1.125em;
				color: #60b7c7;
				left: 0;
				top: 0;
			}
			
			/* Webkit */
			#search ::-webkit-input-placeholder { color: #60b7c7; opacity: 1; }
			
			/* Firefox 4-18 */
			#search :-moz-placeholder { color: #60b7c7; opacity: 1; }
			
			/* Firefox 19+ */
			#search ::-moz-placeholder { color: #60b7c7; opacity: 1; }
			
			/* IE10+ */
			#search :-ms-input-placeholder { color: #60b7c7; opacity: 1; }


/* Newsletter Form Styles */

	footer .beta h6 {
		margin-bottom: 1.1875em; /* 23 / 16 */
	}
	
	#subForm {
		width: 63.4%; /* 317 / 500 */
		min-width: 15.625em;
		position: relative;
	}
	
		#subForm #cm-btn span{
			color: #134652;
			font-size: 1.75em;
			position: relative;
			left: -1.75em;
			top: .275em;
			pointer-events: none;
		}
		
		#subForm label{
			color: #fff;
		}
	
		#subForm input {
			color: #fff;
			width: 100%;
			height: 2.875em;
			border: none;
			background-color: #426b74;
			font-size: 0.875em;
			font-family: 'gesta', Klavika, Univers, Calibri, "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans-serif;
			padding: 0 4%; /* Eyeball */
			box-sizing: border-box;
		}
		
		#subForm input[type="submit"]{
			cursor: pointer;
			font-family: "klavika-web", Klavika, Univers, Calibri, "Myriad Pro", Myriad, "Helvetica Neue", Helvetica, Arial, sans-serif;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-size: 1em;
			padding-right: 3.25em;
			width: auto;
			-webkit-transition-duration: 0.5s;
			transition-duration: 0.5s;
			-webkit-transition-property: background;
			transition-property: background;
			
			background: #487f89 url('../img/circle_right_blue@2x.png') no-repeat;
			/* background-position: 6.625rem .6125rem; */
			background-position: 5.45rem .6125rem;
			background-size: 1.75em;
		}
		
			#subForm input[type="submit"]:hover{
				background: #5094a0 url('../img/circle_right_white@2x.png') no-repeat;
				background-size: 1.75em;
				/* background-position: 6.625rem .6125rem; */
				background-position: 5.45rem .6125rem;
			}
		
		
	/* Webkit */
	#subForm ::-webkit-input-placeholder { color: #fff; opacity: 1; }
	
	/* Firefox 4-18 */
	#subForm :-moz-placeholder { color: #fff; opacity: 1; }
	
	/* Firefox 19+ */
	#subForm ::-moz-placeholder { color: #fff; opacity: 1; }
	
	/* IE10+ */
	#subForm :-ms-input-placeholder { color: #fff; opacity: 1; }
	

/*
------------------------------------------

	LEADERSHIP POP-UP
	
------------------------------------------
*/

#pop-up {
	display: block;
	position: fixed;
	background-color: rgba(20,61,73,0.8); 
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 8000;
	cursor: pointer;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	opacity: 0;
	pointer-events: none;
}

#pop-up.open {
		opacity: 1;
		pointer-events: all;
	}

	#pop-up-container {
		display: block;
		position: fixed;
		background-color: transparent; 
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 9000;
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		opacity: 0;
		pointer-events: none;
	}
	
		#pop-up-container.open {
			opacity: 1;
			pointer-events: none;
		}

		#pop-up-container .pop-up-box {
			display: block;
			position: absolute;
			width: 70%;
			max-width: 1180px;
			padding: 0;
			top: 50%;		
			left: 50%;		
			-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
			z-index: 10000;	
			transition: all 0.5s ease;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			opacity: 0;
			pointer-events: none;	
		}
		
			#pop-up-container .pop-up-box.open {
				opacity: 1;
				pointer-events: all;
			}
		
			#pop-up-container .pop-up-box .close-pop {
				position: absolute;
				top: 1.25rem;
				right: 1.25rem;
				font-size: 2.5em;
				width: 2.125rem;
				height: 2.125rem;
				transition: all 0.25s ease;
				-webkit-transition: all 0.25s ease;
				-moz-transition: all 0.25s ease;
				-ms-transition: all 0.25s ease;
				border: 2px solid #c29d06;
				border-radius: 50%;
				color: #c29d06;
				line-height: 0.65;
				text-indent: 5px;
			}
			
				#pop-up-container .pop-up-box .close-pop:hover {
					color: #143d49;
					border-color: #143d49;
					cursor: pointer;
				}
				
			#pop-up-container .pop-up-box .pop-photo {
				background: transparent url('../img/pinnix-pitz-exp.jpg') top center no-repeat;
				background-size: cover;
				float: left;
				width: 35%;
				box-sizing: border-box;
			}
			
			#pop-up-container .pop-up-box .pop-content {
				background: #ffffff;
				padding: 3em 3em 4em 4em;
				float: left;
				width: 65%;
				box-sizing: border-box;
			}
			
				#pop-up-container .pop-up-box .pop-content h1 {
					font-size: 3.25rem;
					line-height: 1.2;
				}
				
				#pop-up-container .pop-up-box .pop-content p {
					margin-bottom: 2.5rem;
					max-width: 600px;
				}							
		
					#pop-up-container .pop-up-box .pop-content .pop-btn a {
						color: #ffffff;
						text-decoration: none;
						text-transform: uppercase;
						letter-spacing: 2px;
						font-size: 1em;
						
						position: relative;
						display: inline-block;
						padding: 1.25em 4.25em 1.25em 1.5em;
						margin: 0;
						width: auto;
						background: #134652 url('../img/circle_right_gold@2x.png') no-repeat;
						background-position: 10rem 0.875rem;
						background-size: 1.75em;
						
						transition: all 0.25s ease;
						-webkit-transition: all 0.25s ease;
						-moz-transition: all 0.25s ease;
						-ms-transition: all 0.25s ease;
					}
					
						#pop-up-container .pop-up-box .pop-content .pop-btn a:hover {
							background: #134652 url('../img/circle_right_white@2x.png') no-repeat;
							background-position: 10rem 0.875rem;
							background-size: 1.75em;
						}
						
/*
------------------------------------------

	MEDIA QUERIES
	
------------------------------------------
*/



@media (min-width: 64em) { /*  DESKTOP 1024px */
	#hamburger {
		display: none;
	}
	
}


@media only screen 
and (min-width: 87.5em){ /* DESKTOP 1400px */
	
	body.home .mod-btn{
			background-position: 9.25rem 1.1875rem;	
		}
		
			body.home .mod-btn:hover{
				background-position: 9.25rem 1.1875rem;	
			}
	
}

@media only screen 
and (min-width: 93.75em){ /* DESKTOP 1500px */
	
	body.home .mod-btn{
			background-position: 9.4375rem 1.1875rem;	
		}
		
			body.home .mod-btn:hover{
				background-position: 9.4375rem 1.1875rem;	
			}
			
	#subForm input[type="submit"]{
		/* background-position: 6.75rem .6125rem; */
		background-position: 5.45rem .6125rem;
	}
	
		#subForm input[type="submit"]:hover{
			/* background-position: 6.75rem .6125rem; */
			background-position: 5.45rem .6125rem; 
		}
	
}


@media only screen
and (min-width: 106.25em){ /* DESKTOP 1700px */
	
	h5 a.btn{
		font-size: 1.125em;
		background-position: 9.375rem 1.3875rem;
	}
	
	body.home h5 a.btn:hover, body.home h5 a.btn:active, body.home h5 a.btn:focus{
		background-position: 9.375rem 1.3875rem;
	}
	
}


@media only screen
and (min-width: 112.5em){ /* DESKTOP 1800px */
	
	#subForm input[type="submit"]{
		background-position: 5.625rem .6125rem;
	}
	
		#subForm input[type="submit"]:hover{
			background-position: 5.625rem .6125rem; 
		}	
	
}

@media only screen
and (max-width: 93.75em){ /* DESKTOP 1500px */
	#page-content.project ul.project-meta.long li,
	#page-content.project ul.project-meta.long li:first-child{
		display: block;	
		margin-left: 0;
	}
	
		#page-content.project ul.project-meta.long li:first-child{
			border-bottom: 1px solid #b7c8cb;	
		}
}


@media only screen
and (max-width: 80em){ /* DESKTOP 1280px */
	
	#social ul{
		margin-left: 5%;
	}
	
}


@media only screen
and (max-width: 75em){ /* DESKTOP 1200px */
	
	#credit p{ 
		width: 100%; 
		float: right;
		text-align: right;
	}
	
	#social ul{
		float: right;
	}
	
		#social ul li:nth-of-type(3){
			margin-right: 0;
		}
		
}


@media only screen
and (max-width: 67.4375em){ /* DESKTOP 1079px */
	
	body.home .mod-btn{
			background-position: 9.375rem 1.125rem;
		}
		
			body.home .mod-btn:hover{
				background-position: 9.375em 1.125em;
			}
	
}


@media (max-width: 64em) { /*  DESKTOP 1024 */

	/*  pop-up */
	#pop-up-container .pop-up-box {
		width: 90%;
	}		
	
	#subForm input[type="submit"]{
		/* background-position: 5.9375rem .6125rem; */
		background-position: 4.6375rem .5125rem;
	}
	
		#subForm input[type="submit"]:hover{
			/* background-position: 5.9375rem .6125rem; */
			background-position: 4.6375rem .5125rem;
		}
	
	body.home .mod-btn{
			background-position: 8.5rem 1rem;
		}
		
			body.home .mod-btn:hover{
				background-position: 8.5rem 1rem;
			}
	
	#bigwrapper {
		font-size: 14px;
	}
	
	footer.internal{
		font-size: 14px;
	}
	
	#menu ul{ margin-top: -2.75em; }
	
	#searchbox.open {
		height: 5em; /* 100 / 16 */
	}
	
		#searchbox input[type="submit"]{
			width: 3.125em;
			height: 3.0875em;
		}
	
		#searchbox span{ /* Search Icon */
			font-size: 1.75em;
			top: 1em;
			right: 1.75em;
		}
	
		#searchbox form input{
			font-size: 1.625em;
		}
		
		@keyframes showMe {
		    from { height: 0; }
		    to   { height: 5em; /* 100 / 16 */ }
		}
		
		/* Firefox < 16 */
		@-moz-keyframes showMe {
		    from { height: 0; }
		    to   { height: 5em; /* 100 / 16 */ }
		}
		
		/* Safari, Chrome and Opera > 12.1 */
		@-webkit-keyframes showMe {
		    from { height: 0; }
		    to   { height: 5em; /* 100 / 16 */ }
		}
		
		/* Internet Explorer */
		@-ms-keyframes showMe {
		    from { height: 0; }
		    to   { height: 5em; /* 100 / 16 */ }
		}
	
		@keyframes hideMe {
		    from { height: 5em; /* 100 / 16 */ }
		    to   {  height: 0; }
		}
		
		/* Firefox < 16 */
		@-moz-keyframes hideMe {
		    from { height: 5em; /* 100 / 16 */ }
		    to   {  height: 0; }
		}
		
		/* Safari, Chrome and Opera > 12.1 */
		@-webkit-keyframes hideMe {
		    from { height: 5em; /* 100 / 16 */ }
		    to   {  height: 0; }
		}
		
		/* Internet Explorer */
		@-ms-keyframes hideMe {
		    from { height: 5em; /* 100 / 16 */ }
		    to   {  height: 0; }
		}
	
}



@media (max-width: 63.9375em) { /*  MOBILE 1023px */
	
	
	header{
		padding-left: 6.97674418604651%;	
		padding-right: 6.97674418604651%;
	}
	
		#bigwrapper header{
			padding-left: 4.63320463320463%; /* 60 / 1295 */
			padding-right: 4.63320463320463%; /* 60 / 1295 */
		}
	
	
	#mobile-search {
		display: block;
		position: relative;
		float: right;
		top: .7em; 
		right: .9375em; 
	}
	
	nav, #utility {
		display: none;
	}
	
	#logo {
		position: relative;
		top: auto;
		left: auto;
	}
	
	body.home .mod-btn{
			background-position: 8.5rem 1rem;
		}
		
			body.home .mod-btn:hover{
				background-position: 8.5rem 1rem;
			}
	
	
}



@media only screen
and (max-width: 56.25em){ /* MOBILE 900px */
	
	footer #locations p{ width: 96%; }
	
}



@media (max-width: 53.6875em) { /* MOBILE 859px */
	
	#footer-map {
		display: none;
	}
	
	#searchbox.open {
		height: 4.4875em; /* 100 / 16 */
	}
	
		#searchbox form input{
			font-size: 1.4375em;
		}
		
		#searchbox span{ /* Search Icon */
				font-size: 1.5em;
				top: 1em;
				right: 1.5em;
		}
		
		@keyframes showMe {
		    from { height: 0; }
		    to   { height: 4.5em; /* 100 / 16 */ }
		}
		
		/* Firefox < 16 */
		@-moz-keyframes showMe {
		    from { height: 0; }
		    to   { height: 4.5em; /* 100 / 16 */ }
		}
		
		/* Safari, Chrome and Opera > 12.1 */
		@-webkit-keyframes showMe {
		    from { height: 0; }
		    to   { height: 4.5em; /* 100 / 16 */ }
		}
		
		/* Internet Explorer */
		@-ms-keyframes showMe {
		    from { height: 0; }
		    to   { height: 4.5em; /* 100 / 16 */ }
		}
	
		@keyframes hideMe {
		    from { height: 4.5em; /* 100 / 16 */ }
		    to   {  height: 0; }
		}
		
		/* Firefox < 16 */
		@-moz-keyframes hideMe {
		    from { height: 4.5em; /* 100 / 16 */ }
		    to   {  height: 0; }
		}
		
		/* Safari, Chrome and Opera > 12.1 */
		@-webkit-keyframes hideMe {
		    from { height: 4.5em; /* 100 / 16 */ }
		    to   {  height: 0; }
		}
		
		/* Internet Explorer */
		@-ms-keyframes hideMe {
		    from { height: 4.5em; /* 100 / 16 */ }
		    to   {  height: 0; }
		}
	
}


@media only screen
and (max-width: 53.125em){ /* DESKTOP 850px */
	
	body.home .mod-btn{
			background-position: 8.25rem 1rem;
		}
		
			body.home .mod-btn:hover{
				background-position: 8.25rem 1rem;
			}
	
}



@media only screen
and (max-width: 49.9375em){ /* DESKTOP 799px */
	
	body.home .mod-btn{
			background-position: 8.75rem 1.0625rem;
		}
		
			body.home .mod-btn:hover{
				background-position: 8.75rem 1.0625rem;
			}
	
}



@media (max-width: 48em) { /* MOBILE 768px */
	
	#menu ul{ margin-top: -1.5em; }
	
	footer .alpha img{ width: 42.5%; margin-bottom: 3em;}
	
	footer #subForm {
		width: 100%;
	}	
	
	footer #search input {
		width: 100%;
	}
	
	

}


@media only screen
and (max-width: 47.9375em){ /* MOBILE 767px */

	/* pop-up */
	#pop-up-container .pop-up-box {			
		position: relative;
		width: 90%;
		top: 2em;		
		left: auto;		
		-webkit-transform: translate(0, 0);
        transform: translate(0, 0);
		z-index: 10000;	
		margin: 0 auto;
	}
					
		#pop-up-container .pop-up-box .pop-photo {
			display: none;
		}
		
		#pop-up-container .pop-up-box .pop-content {
			padding: 4em 3em 4em 3em;
			float: none;
			width: 100%;
		}
		
			#pop-up-container .pop-up-box .pop-content h1 {
				font-size: 2rem;
				line-height: 1.2;
			}
			
			#pop-up-container .pop-up-box .pop-content p {
				margin-bottom: 2rem;
			}					
	
	 footer #credit p{ display: none; }
	 footer #credit p.mobile{ display: block; }
	
}

@media (max-width: 40em) { /* MOBILE 640px */
	
	#subForm input[type="submit"]{
		/* background-position: 6.75rem .7125rem; */
		background-position: 5.65rem .7125rem; 
		padding-right: 3.75em;
	}
	
		#subForm input[type="submit"]:hover{
			/* background-position: 6.75rem .7125rem; */
			background-position: 5.65rem .7125rem;
		}
	
	footer .top .logo{ 
		width: 100%; 
		float: none; 
	}
	
		footer .top .logo img{ 
			width: 60%;
			margin-bottom: 1.5em;
		}
	
	footer .top #search{ 
		width: 100%;
		float: none; 
		margin-bottom: 1em; 
	}
	
	footer .alpha img{
		width: 55%;
		margin-bottom: .875em;
	}
	
	footer .alpha h6, footer .beta h6, footer #locations h6{
		font-size: 1em;
	}
	
	footer .alpha p, footer #locations p, footer #credit p{
		font-size: 1em;
	}
	
	#subForm input{
		height: 3.25em;
	}
	
	#credit p{ text-align: left; }
	
		 footer #credit p{ display: block; }
		 footer #credit p.mobile{ display: none; }
	
	
	#social ul{ float: left; margin-left: 0; }
	
	#searchbox.open {
		height: 3em; /* 100 / 16 */
	}
	
		#searchbox.open form{
			height: 3em;
		}
		
		#searchbox form input {
			font-size: 1em;	
			height: 3;
		}
	
	#searchbox span{ /* Search Icon */
		font-size: 1.125em;
		top: .875em;
		right: 1.8em;
	}

		@keyframes showMe {
		    from { height: 0; }
		    to   { height: 3em; /* 100 / 16 */ }
		}
		
		/* Firefox < 16 */
		@-moz-keyframes showMe {
		    from { height: 0; }
		    to   { height: 3em; /* 100 / 16 */ }
		}
		
		/* Safari, Chrome and Opera > 12.1 */
		@-webkit-keyframes showMe {
		    from { height: 0; }
		    to   { height: 3em; /* 100 / 16 */ }
		}
		
		/* Internet Explorer */
		@-ms-keyframes showMe {
		    from { height: 0; }
		    to   { height: 3em; /* 100 / 16 */ }
		}
		
	#searchbox.close{
		height: 0; /* 100 / 16 */
	}

		@keyframes hideMe {
		    from { height: 3em; /* 100 / 16 */ }
		    to   {  height: 0; }
		}
		
		/* Firefox < 16 */
		@-moz-keyframes hideMe {
		    from { height: 3em; /* 100 / 16 */ }
		    to   {  height: 0; }
		}
		
		/* Safari, Chrome and Opera > 12.1 */
		@-webkit-keyframes hideMe {
		    from { height: 3em; /* 100 / 16 */ }
		    to   {  height: 0; }
		}
		
		/* Internet Explorer */
		@-ms-keyframes hideMe {
		    from { height: 3em; /* 100 / 16 */ }
		    to   {  height: 0; }
		}
		
	footer {
		padding-top: 3.75em; /* 60 / 16 */
	}
	
		footer .alpha {
			width: 100%;
			margin-bottom: 2em; /* 32 / 16 */
			box-sizing: border-box;
		}
		
		footer .beta {
			clear: both;
		}
		
		footer .beta,
		footer #locations,
		footer #credit {
			float: none;
			width: 100%;
		}
		
		footer #search {
			margin-bottom: 3.75em; /* 60 / 16 */
		}
		
		
		#subForm {
			margin-bottom: 3.75em; /* 60 / 16 */
		}
		
	body.home .mod-btn{
			background-position: 8.575rem 1.0625rem;
		}
		
			body.home .mod-btn:hover{
				background-position: 8.575rem 1.0625rem;
			}	
	
	
}



@media (max-width: 37.5em) { /* MOBILE 600px */
	
	html #wpadminbar { top: -46px; }
	
	body.home .mod-btn{
			background-position: 8.325rem 1.0625rem;
		}
		
			body.home .mod-btn:hover{
				background-position: 8.325rem 1.0625rem;
			}
	
}


@media (max-width: 31.875em){ /* MOBILE 510px */
	
	footer .alpha img{
		display: none;
	}
	
	#subForm input[type="submit"]{
		/* background-position: 6.25rem .7125rem; */
		background-position: 5.35rem .7125rem;
	}
	
		#subForm input[type="submit"]:hover{
			/* background-position: 6.25rem .7125rem; */
			background-position: 5.35rem .7125rem;
		}
	
}



@media (max-width: 30.625em) { /* MOBILE 490px */
	h1 {
		font-size: 1.875em; /* 26.25 / 14 */
	}
	
	#menu {
		font-size: 12px;
	}
	
}


@media only screen
and (max-width: 29.9375em){ /* MOBILE 479px */
	
	body.home .mod-btn{
			background-position: 7.75rem 1.0625rem;
		}
		
			body.home .mod-btn:hover{
				background-position: 7.75rem 1.0625rem;
			}
	
}


@media only screen
and (max-width: 28.75em){ /* MOBILE 460px */
	
	#carousel {
		margin-bottom: 7em; /* 112 / 16 */
	}
	
	footer .top .logo img{
		width: 80%;
	}
	
	footer .alpha h6, footer .beta h6, footer #locations h6{
		font-size: 1.125em;
	}
	
	footer .alpha p{
		font-size: 1em;
	}
	
	footer #locations p{
		font-size: 1em;
	}
	
	footer #credit p{
		font-size: 1em;
	}
	
		footer #credit p{ display: none; }
		footer #credit p.mobile{ display: block; }
	
}


@media only screen
and (max-width: 29.9375em){ /* MOBILE 479px */
	
	body.home .mod-btn{
			background-position: 7.9375rem 1.0rem;
		}
		
			body.home .mod-btn:hover{
				background-position: 7.9375rem 1.0rem;
			}
	
}



@media only screen
and (max-width: 28.0625em){ /* MOBILE 449px */

	/* pop-up */
	#pop-up-container .pop-up-box .pop-content {
		padding: 4em 2em 3em 2em;
	}
	
	body.home .mod-btn{
			background-position: 9.125rem 1.0rem;
		}
		
			body.home .mod-btn:hover{
				background-position: 9.125rem 1.0rem;
			}
	
}


@media only screen
and (max-width: 25em){ /* MOBILE 400px */
	
	header{
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}
	
	#logo{ 
		top: -.15em;
	}
	
	#subForm input[type="submit"] { 
		/* background-position: 6.25rem .7125rem; */
		background-position: 5.125rem .7125rem;
	}
	
		#subForm input[type="submit"]:hover{
			/* background-position: 6.25rem .7125rem; */
			background-position: 5.125rem .7125rem;
		}
	
}


@media only screen
and (max-width: 21.875em){ /* MOBILE 350px */
	
	body.home .mod-btn{
			background-position: 8.75rem 1.0rem;
		}
		
			body.home .mod-btn:hover{
				background-position: 8.75rem 1.0rem;
			}
			
	#subForm input[type="submit"]{
		/* background-position: 6rem .7125rem; */
		background-position: 4.75rem .7125rem;
		padding-right: 3.25em;
	}
	
		#subForm input[type="submit"]:hover{
			/* background-position: 6rem .7125rem; */
			background-position: 4.75rem .7125rem;
		}
	
}


@media only screen
and (max-width: 20.625em){ /* MOBILE 330px */

	/* pop-up */
	#pop-up-container .pop-up-box .pop-content h1 {
		font-size: 1.25rem;
		line-height: 1.5;
	}
	
	#pop-up-container .pop-up-box .pop-content p {
		font-size: 0.875rem;
		line-height: 1.5;
	}
	
	#logo{
		min-width: 186px;
	}
	
}