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

@media 
only screen and (max-width: 1275px)
{

	#logo {
		background-position:0px -136px;
	}

}

@media 
only screen and (max-width: 1100px)
{

#body-nav .menu_content {
	margin: 60px 5.263157894736% 0; /* TARGET 60 / CONTEXT 1140 */
}

	#logo_container {
		height:92px;
		margin: 29px 2.631578947368% 0 5.263157894736%; /* TARGET 30 - 60 / CONTEXT 1140 */
	}

			#logo_container.section {
				margin: 29px 0 0 5.263157894736%; /* TARGET LEFT: MINUS 30 - RIGHT: 60 / CONTEXT 1140 */
			}

		#logo {
			width:238px;
			height:68px;
			margin:3px 0 0 0;
			background-image: url(../_images/_fpo_Wordmark_small_inv_x2.png);
			background-position:0px 0px;
			background-size: 238px 136px;
		}

		#news_headline_image {
			height:141px;
		}

		#about_top {
			height:185px; /*196 is total height with padding */
		}

	#section {
		height:122px;
	}
		
			#section_title h1 {
				font-family:'Neue Haas Unica W01 Light';
				font-weight: normal;
				font-style: normal;
				font-stretch: normal;
				font-size:1.5em;
				line-height:1.2em;
				text-transform:none;
			}

		#contact .email:after {
			content:"info\0040under\2026";
		}

	#content {
		margin:182px 0 60px -94.736842105264%; /* TARGET 100% minus 60 margin of logo / CONTEXT 1140 */
	}

	#content_section {
		margin:182px 0 60px -100%; /* TARGET 100% / CONTEXT 1140 */
	}

		#footer .email:after {
			content:"Email us";
		}

		#news_content {
			margin:32px 8.333333333333% 3em;/* TARGET 30 / CONTEXT 360 */
		}

}

@media 
only screen and (max-width: 800px)
{
	
h4 {
font-family:'Neue Haas Unica W01 Heavy'!important;
font-weight: normal;
font-style: normal;
font-stretch: normal;
font-size:.9em;
line-height:1.5em;
margin:0 0 .25em 0;
padding:0;
}

#body-nav .menu_content {
	margin: 60px 3.846153846154% 0; /* TARGET 30 - 60 / CONTEXT 780 */
}

#container {
}

	#logo_container,
	#logo_container.section {
		width:65.384615384615%; /* TARGET 510 / CONTEXT 780 */
		margin: 29px 7.692307692308% 0 3.846153846154%; /* TARGET 30 - 60 / CONTEXT 780 */
		float:left;
	}

		#logo {
			background-position:0px 0px;
		}
	
	#news {
		width:65.384615384615%; /* TARGET 510 / CONTEXT 780 */
		margin: 182px 0 0 -73.076923076923%; /* TARGET WIDTH + RIGHT MARGIN OF LOGO_CONTAINER / CONTEXT 780 */
		padding: 0;
		float:left;
		background:none;
		position:relative;
		border-top:none;
	}

	#news_headline {
		position:relative;
		margin:-50px 0 0 0;
		height:118px;
		z-index:2;
	}

		#news_headline_title {
			width:34.375%;
			height:auto;
			margin:0 0 0 31.25%;/* TARGET 30 / CONTEXT 360 / This is 100% of parent div + the same margin from news_headline_image  */
			text-align:left;
			padding:0;
			position:absolute;
			top:0px;
			left:0px;
		}
		
			#news_headline_title p {
				color:rgba(220, 220, 224, 1);
				border-bottom:1px solid rgba(220, 220, 224, .75);
			}
			
			#news_headline_title svg {
				display:none;
			}
			
		#news_headline_image {
			position:absolute;
			right:0px;
			bottom:0px;
			width:30.208333333333%;
			height:118px;
			margin:0;/* TARGET 30 / CONTEXT 360 */
			display:block;
		}
						
		#news_headline_caption {
			width:34.375%;
			margin:0 0 0 31.25%;/* TARGET 30 / CONTEXT 360 */
			padding: 0;
			border-top:none;
			position:absolute;
			bottom:-3px;
			left:0px;
			height:auto;
		}

		#news_content {
			margin:0 0;/* TARGET 30 / CONTEXT 360 */
		}

			#news_content .month {
				width: 25%; /* TARGET 120 / CONTEXT 480 */
				float:left;
			}

			#news_content .title {
				width: 68.75%; /* TARGET 330 / CONTEXT 480 */
				float:right;
				clear:none;
			}

			#news_content .deck {
				width: 68.75%; /* TARGET 330 / CONTEXT 480 */
				float:right;
				margin:0 0 30px 0;
			}

			#news_content h1 {
				position:absolute;
				top:34px;
				left:0;
				width:100%;
			}

				#news_content h1 a {
					position:relative;
					top:6px;
				}
			
			#news_content .clear {
				height:30px;
			}

	#section {
		width:65.384615384615%; /* TARGET 510 / CONTEXT 780 */
		height:auto;
		margin: 137px 0 0 -73.076923076923%; /* TARGET WIDTH + RIGHT MARGIN OF LOGO_CONTAINER / CONTEXT 780 */
		padding: 0;
		float:left;
		background:none;
		position:relative;
		border-top:none;
		border-bottom:none;
	}
	
		#section_header {
			display:none;
		}
	
		#section_title {
			width:100%;
			position:relative;
			padding: 0;
			display:block;
			border-bottom-width:0;
			border-bottom-style:none;
			border-bottom:1px solid rgba(220, 220, 224, .5)!important;
		}

	#about {
		width:19.230769230769%; /* TARGET 150 / CONTEXT 780 */
		margin: 0 0 0 0; /* TARGET 60 - 0 / CONTEXT 780 */
		float:left;
	}

		#ucllc_logo {
			width:100px;
			height:54px;
		}
	
	#content {
		width:92.307692307692%; /* TARGET 720 / CONTEXT 780 */
		float:none;
		margin: 0 3.846153846154% 0; /* TARGET 30 / CONTEXT 780 */
		clear:left;
	}

	#content_section {
		position:relative;
		width:69.230769230769%; /* TARGET 540 / CONTEXT 780 */
		margin:260px 0 60px -96.153846153846%; /* TARGET 100% minus 60 margin of logo / CONTEXT 1140 */
		padding: 0 1.923076923077%; /* TARGET 15 / CONTEXT 780 */
	}

	.archive_item {
		width:27.777777777778%; /* TARGET 150 / CONTEXT 540 */
		margin:0 2.7777777777788% 30px;/* TARGET 15 / CONTEXT 540 */
	}
	
		.archive_item:hover {
			margin:0 2.7777777777788% 29px;/* TARGET 15 / CONTEXT 540 */
		}
		
	#content_section p.title,
	#content_section p.news_title {
		width:27.777777777778%; /* TARGET 150 / CONTEXT 540 */
		margin:-10px 0 1.25em 2.7777777777788%;/* TARGET 30 / CONTEXT 540 */
		font-size:1em;
	}

	#content_section p {
		width:61.111111111111%; /* TARGET 330 / CONTEXT 540 */
		margin:-10px 2.7777777777788% 1.25em 0;/* TARGET 15 / CONTEXT 540 */
		font-size:1em;
	}

		#content_section .archive_item p {
			width:100%;
			margin:0 0 0 0!important;/* TARGET 30 / CONTEXT 900 */
			font-size:.9em;
		}

		#content_section h4.news {
			margin: 0 2.7777777777788% 1.25em;
		}
	
	figure {
		width:94.444444444444%; /* TARGET 510 / CONTEXT 540 */
		margin:0 2.7777777777788% 1.25em;/* TARGET 15 / CONTEXT 540 */
	}
	
		figure img {
		width:64.705882352941%; /* TARGET 330 / CONTEXT 510 */
		float:right;	
		}
				
				figure img:hover {
					transform:scale(1.5454545454545455,1.5454545454545455);
					-webkit-transform:scale(1.5454545454545455,1.5454545454545455);
				}
	
	figcaption {
		width:29.411764705882%; /* TARGET 150 / CONTEXT 510 */
	}

				#about_follow_twitter,
				#about_follow_behance,
				#about_follow_pinterest {
					margin:0 20px 20px 0;
					clear:left;
				}

				#about_follow_vimeo {
					margin:0 0 20px 0;
				}

				#about_follow_flickr {
					margin:0 0 20px -10px;
				}

	#content_section p.caption {
		margin:-7px 0 0 3.333333333333%;/* TARGET 30 / CONTEXT 900 */
	}
	
	#footer_ucllc {
		display:none;
	}
	
	#news_content .enlarge {
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	cursor: auto;
	}
	
	#news_content .enlarge:hover {
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	cursor: auto;
	}

}

@media 
only screen and (max-width: 480px)
{
	
h3 {
font-size:1em;
}

/* FLOAT MENU */

.toggle-nav {
	top: 20px;
	right: 5%;
	width: 20px;
	height: 20px;
}

.burger {
    width: 20px;
    height: 20px;
	background-position:50% -40px;
}

.burger:hover {
	background-position:50% -40px;
}

.show-nav .burger {
	background-position:50% -60px;
}

.burger,
.burger:hover,
.show-nav .burger {
	background-size: 20px 80px;
}

#body-nav .menu_content {
	width:92.307692307692%; /* TARGET 720 / CONTEXT 780 */
	margin: 25px 3.846153846154% 0; /* TARGET 30 / CONTEXT 780 */
}


/* STRUCTURE */

#container {
	margin:20px auto 0;
	max-width:none;
}

	#logo_container,
	#logo_container.section {
		height:81px;
		width:92.307692307692%; /* TARGET 720 / CONTEXT 780 */
		margin: 15px 3.846153846154% 0; /* TARGET 30 / CONTEXT 780 */
		float:left;
	}

		#logo {
			margin:0 0 0 0;
		}

	#news {
		width:92.307692307692%; /* TARGET 720 / CONTEXT 780 */
		margin: 30px 3.846153846154% 20px; /* TARGET WIDTH + RIGHT MARGIN OF LOGO_CONTAINER / CONTEXT 780 */
		float:left;
		background:none;
	}

	#news_headline {
		position:relative;
		margin:0 0 0 0;
		height:70px;
		z-index:2;
	}

		#news_headline_title {
			width:68.75%;
			margin:-20px 0 0 31.25%;/* TARGET 30 / CONTEXT 360 / This is 100% of parent div + the same margin from news_headline_image  */
			text-align:left;
			padding:0;
		}
		
			#news_headline_title p {
				color:rgba(220, 220, 224, 1);
				border-bottom:1px solid rgba(220, 220, 224, .75);
			}
						
		#news_headline_image {
			display:none;
		}
						
		#news_headline_caption {
			width:68.75%;
			margin:0 0 0 31.25%;/* TARGET 30 / CONTEXT 360 */
			padding: 0;
			border-top:none;
		}

				#news_content h1 a {
					top:-12px;
				}
		
	#section {
		width:92.307692307692%; /* TARGET 720 / CONTEXT 780 */
		margin: 5px 3.846153846154% 0; /* TARGET 30 / CONTEXT 780 */
	}

			#section_title h1 {
				margin:0 0 8px 0;
			}

	#about {
		display:none;
	}

		#about_deck_mobile {
		width:92.307692307692%; /* TARGET 720 / CONTEXT 780 */
		margin: 7px 3.846153846154% 0; /* TARGET WIDTH + RIGHT MARGIN OF LOGO_CONTAINER / CONTEXT 780 */
		display:block;
		float:left;
		}

	#content_section {
		position:relative;
		width:96.153846153846%; /* TARGET 750 / CONTEXT 780 */
		margin:25px 0 0 0; /* TARGET 100% minus 60 margin of logo / CONTEXT 1140 */
		padding: 0 1.923076923077%; /* TARGET 15 / CONTEXT 780 */
	}

	.archive_item {
		width:46%; /* TARGET 345 / CONTEXT 750 */
		margin:0 2% 30px;/* TARGET 15 / CONTEXT 750 */
	}

		.archive_item:hover {
			margin:0 2% 29px;/* TARGET 15 / CONTEXT 750 */
			background:none;
			outline:none;
		}

	#content_section h1 {
		width:94.444444444444%; /* TARGET 510 / CONTEXT 540 */
		float:none;	
		margin:.25em auto 0;/* TARGET 30 / CONTEXT 900 */
	}

	#content_section p,
	ul {
		width:94.444444444444%; /* TARGET 510 / CONTEXT 540 */
		margin:0 2.7777777777788% 1.25em 0;/* TARGET 15 / CONTEXT 540 */
		font-size:.9em;
	}

		li {
			margin:0 0 .75em 0!important;
			line-height:1.75em!important;
		}

		li a,
		li strong {
			font-size:1.125em!important;
		}

	#content_section p.title,
	#content_section p.news_title {
		width:94.444444444444%; /* TARGET 510 / CONTEXT 540 */
		margin:-10px 0 .25em 2.7777777777788%;/* TARGET 30 / CONTEXT 540 */
		line-height:1.25em;
		font-size:.9em;
	}

		#content_section .archive_item p {
			width:100%;
			margin:0 0 0 0!important;/* TARGET 30 / CONTEXT 900 */
		}
	
	figure {
		width:94.444444444444%; /* TARGET 510 / CONTEXT 540 */
		margin:0 2.7777777777788% 1.25em;/* TARGET 15 / CONTEXT 540 */
	}

		figure .multiple {
		width:94.444444444444%; /* TARGET 510 / CONTEXT 540 */
		float:none;	
		}
	
		figure img,
		.news_enlarge {
		width:100%; /* TARGET 510 / CONTEXT 510 */
		float:none;	
		transform-origin:right top;
		-webkit-transform-origin:right top;
		cursor: auto;
		}
				
				figure img:hover,
				.news_enlarge:hover,
				img.three_quarters:hover,
				.video-container:hover {
					transform:scale(1,1);
					-webkit-transform:scale(1,1);
					transform-origin:right top;
					-webkit-transform-origin:right top;
					cursor: auto;
				}
	
	figcaption {
		margin:10px 0 1.25em 0;
		padding:0;
		width:100%; /* TARGET 150 / CONTEXT 510 */
		float:none;
	}

	.video-container {
		padding-bottom: 53%;
		float:none;
		width:94.444444444444%; 
	}

	img.full {
		width:94.444444444444%;
		margin: 0 auto .75em;
	}

	img.three_quarters {
		width:94.444444444444%;
		float:none;	
		display:block;
		margin:2.5em auto 0;/* TARGET 30 / CONTEXT 900 */
	}

	#content_section p.caption {
		width:94.444444444444%; /* TARGET 240 / CONTEXT 900 */
		margin:0 auto;/* TARGET 30 / CONTEXT 900 */
		float:none;	
	}

	#footer {
		overflow:hidden;
		padding: 15px 5.263157894736% 20px; /* TARGET 60 / CONTEXT 1140 */
		margin:30px 0 0 0;
		border-bottom:20px solid #e7e7e9;
	}

		#footer_col_01,
		#footer_col_02 {
			width:100%;
			float:none;
		}

		#footer_col_01 {
		margin:0 0 20px 0;
		}


			#footer_nav.footer_col_01_b,
			#footer_email.footer_col_01_a {
			width:100%;
			float:none;
			}
			
				.footer_col_01_b img  {
				float:right;
				}

	#footer_ucllc {
		display:none;
	}

		#footer .email:after {
			content:"Email";
		}
		
}