<!DOCTYPE html>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Okay Yellow | We help companies communicate. By making their communication more compelling.</title>
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<link rel="pingback" href="http://okayyellow.com/xmlrpc.php">
	<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="Okay Yellow &raquo; Feed" href="http://okayyellow.com/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="Okay Yellow &raquo; Comments Feed" href="http://okayyellow.com/?feed=comments-rss2" />
<link rel="alternate" type="application/rss+xml" title="Okay Yellow &raquo; Home: One Page Comments Feed" href="http://okayyellow.com/?feed=rss2&#038;page_id=961" />
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.4\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.4\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/okayyellow.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.6"}};
			!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55357,56692,8205,9792,65039],[55357,56692,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
		</script>
		<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
<link rel='stylesheet' id='siteorigin-panels-front-css'  href='http://okayyellow.com/wp-content/plugins/siteorigin-panels/css/front.css?ver=2.2.2' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css'  href='http://okayyellow.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.4' type='text/css' media='all' />
<link rel='stylesheet' id='rs-plugin-settings-css'  href='http://okayyellow.com/wp-content/plugins/revslider/public/assets/css/settings.css?ver=5.1.6' type='text/css' media='all' />
<style id='rs-plugin-settings-inline-css' type='text/css'>
.tp-caption a{color:#fff;text-shadow:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;text-decoration:none;padding:12px 10px !important; display:block}.tp-caption a:hover{color:#fff}.largeredbtn{font-family:"Raleway",sans-serif;font-weight:900;font-size:16px;line-height:60px;color:#fff !important;text-decoration:none;padding-left:40px;padding-right:80px;padding-top:22px;padding-bottom:22px;background:rgb(234,91,31); background:-moz-linear-gradient(top,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(234,91,31,1)),color-stop(100%,rgba(227,58,12,1))); background:-webkit-linear-gradient(top,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%); background:-o-linear-gradient(top,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%); background:-ms-linear-gradient(top,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%); background:linear-gradient(to bottom,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea5b1f',endColorstr='#e33a0c',GradientType=0 )}.largeredbtn:hover{background:rgb(227,58,12); background:-moz-linear-gradient(top,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(227,58,12,1)),color-stop(100%,rgba(234,91,31,1))); background:-webkit-linear-gradient(top,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%); background:-o-linear-gradient(top,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%); background:-ms-linear-gradient(top,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%); background:linear-gradient(to bottom,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e33a0c',endColorstr='#ea5b1f',GradientType=0 )}.fullrounded img{-webkit-border-radius:400px;-moz-border-radius:400px;border-radius:400px}
</style>
<link rel='stylesheet' id='sow-social-media-buttons-flat-6a2638a8010f-css'  href='http://okayyellow.com/wp-content/uploads/siteorigin-widgets/sow-social-media-buttons-flat-6a2638a8010f.css?ver=4.9.6' type='text/css' media='all' />
<link rel='stylesheet' id='create-fonts-css'  href='//fonts.googleapis.com/css?family=Montserrat%3A400%2C700%7COpen+Sans%3A300%2C400%2C700%2C300italic%2C400italic%2C700italic&#038;subset=latin%2Clatin-ext' type='text/css' media='all' />
<link rel='stylesheet' id='create-style-css'  href='http://okayyellow.com/wp-content/themes/themetrust-create/style.css?ver=4.9.6' type='text/css' media='all' />
<link rel='stylesheet' id='create-owl-carousel-css'  href='http://okayyellow.com/wp-content/themes/themetrust-create/css/owl.carousel.css?ver=1.3.3' type='text/css' media='all' />
<link rel='stylesheet' id='create-owl-theme-css'  href='http://okayyellow.com/wp-content/themes/themetrust-create/css/owl.theme.css?ver=1.3.3' type='text/css' media='all' />
<link rel='stylesheet' id='create-prettyphoto-css'  href='http://okayyellow.com/wp-content/themes/themetrust-create/css/prettyPhoto.css?ver=3.1.6' type='text/css' media='all' />
<link rel='stylesheet' id='superfish-css'  href='http://okayyellow.com/wp-content/themes/themetrust-create/css/superfish.css?ver=1.7.5' type='text/css' media='all' />
<link rel='stylesheet' id='create-woocommerce-css'  href='http://okayyellow.com/wp-content/themes/themetrust-create/css/woocommerce.css?ver=1.0' type='text/css' media='all' />
<link rel='stylesheet' id='create-loader-main-css'  href='http://okayyellow.com/wp-content/themes/themetrust-create/css/loaders/spinkit.css?ver=1.0' type='text/css' media='all' />
<link rel='stylesheet' id='create-loader-animation-css'  href='http://okayyellow.com/wp-content/themes/themetrust-create/css/loaders/pulse.css?ver=1.0' type='text/css' media='all' />
<link rel='stylesheet' id='create-font-awesome-css'  href='http://okayyellow.com/wp-content/themes/themetrust-create/css/font-awesome.min.css?ver=4.0.3' type='text/css' media='all' />
<script type='text/javascript' src='http://okayyellow.com/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='http://okayyellow.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var panelsStyles = {"fullContainer":"body"};
/* ]]> */
</script>
<script type='text/javascript' src='http://okayyellow.com/wp-content/plugins/siteorigin-panels/js/styling.min.js?ver=2.2.2'></script>
<script type='text/javascript' src='http://okayyellow.com/wp-content/plugins/revslider/public/assets/js/jquery.themepunch.tools.min.js?ver=5.1.6'></script>
<script type='text/javascript' src='http://okayyellow.com/wp-content/plugins/revslider/public/assets/js/jquery.themepunch.revolution.min.js?ver=5.1.6'></script>
<script type='text/javascript' src='http://okayyellow.com/wp-content/themes/themetrust-create/js/imagesloaded.js?ver=3.1.6'></script>
<link rel='https://api.w.org/' href='http://okayyellow.com/index.php?rest_route=/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://okayyellow.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://okayyellow.com/wp-includes/wlwmanifest.xml" /> 
<link rel="canonical" href="http://okayyellow.com/" />
<link rel='shortlink' href='http://okayyellow.com/' />
<link rel="alternate" type="application/json+oembed" href="http://okayyellow.com/index.php?rest_route=%2Foembed%2F1.0%2Fembed&#038;url=http%3A%2F%2Fokayyellow.com%2F" />
<link rel="alternate" type="text/xml+oembed" href="http://okayyellow.com/index.php?rest_route=%2Foembed%2F1.0%2Fembed&#038;url=http%3A%2F%2Fokayyellow.com%2F&#038;format=xml" />
					<link rel="shortcut icon" href="http://okayyellow.wpengine.com/wp-content/uploads/2016/03/OkY-BrowserIcon.png" />
				<meta name="generator" content="create  1.0" />

		<!--[if IE 8]>
		<link rel="stylesheet" href="http://okayyellow.com/wp-content/themes/themetrust-create/css/ie8.css" type="text/css" media="screen" />
		<![endif]-->
		<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

		
		<style>
		
							body #primary header.main .inner { text-align: left; }
						
						
						
			
			
						
						
						
						#site-header { background-color: #282828; }
						
						#site-header.sticky, #site-header.sticky .header-search { background-color: #282828; }
						
						
							.main-nav ul li,
				.secondary-nav span,
				.secondary-nav a { color: #aaaaaa; }
						
						
							.menu-toggle.open:hover,
				.main-nav ul li:hover,
				.main-nav ul li.active,
				.secondary-nav a:hover,
				.secondary-nav span:hover,
				.main-nav ul li.current,
				.main-nav ul li.current-cat,
				.main-nav ul li.current_page_item,
				.main-nav ul li.current-menu-item,
				.main-nav ul li.current-post-ancestor,
				.single-post .main-nav ul li.current_page_parent,
				.main-nav ul li.current-category-parent,
				.main-nav ul li.current-category-ancestor,
				.main-nav ul li.current-portfolio-ancestor,
				.main-nav ul li.current-projects-ancestor { color: #ffffff;}
				
						
						
							#site-header.sticky .header-search *,
				#site-header.sticky #search-toggle-close,
				.sticky .main-nav ul li,
				.sticky .secondary-nav span,
				.sticky .secondary-nav a { color: #aaaaaa; }
						
							.sticky #search-toggle-close:hover,
				.sticky .main-nav ul li:hover,
				.sticky .main-nav ul li.active,
				.sticky .main-nav ul li.current,
				.sticky .main-nav ul li.current-cat,
				.sticky .main-nav ul li.current_page_item,
				.sticky .main-nav ul li.current-menu-item,
				.sticky .main-nav ul li.current-post-ancestor,
				.sticky .single-post .main-nav ul li.current_page_parent,
				.sticky .main-nav ul li.current-category-parent,
				.sticky .main-nav ul li.current-category-ancestor,
				.sticky .main-nav ul li.current-portfolio-ancestor,
				.sticky .main-nav ul li.current-projects-ancestor,
				.sticky .secondary-nav span:hover, .sticky .secondary-nav a:hover { color: #ffffff; }
						
						
						
							#loader-icon, #loader-icon * { background-color: #ffcc00; }
						
							#loader-screen { background-color: #282828; }
			
						
						
						
						
							#slide-panel { background-color: #212121; }
						
						
						
						
						
						
						
						
						
						
						
						
						
						

					
							#logo .site-title img { max-width: 225px; }
						
							#site-header.main.light #logo .site-title img { max-width: 225px; }
						
							#logo .site-title.sticky img { max-width: 225px; }
						
						
						
					
						
							header.entry-header.main * { color: #191919 !important; }
						
						
					
							.inline-header #site-header.main .nav-holder { height: 90px; }
				.inline-header #site-header.main #logo { height: 90px; }
				.inline-header #site-header.main .nav-holder,
				.inline-header #site-header.main .main-nav ul > li,
				.inline-header #site-header.main .main-nav ul > li > a,
				#site-header.main .main-nav #menu-main-menu > li > span,
				#site-header.main .secondary-nav a,
				#site-header.main .secondary-nav span  { line-height: 90px; height: 90px;}
						
							#site-header.sticky .inside .nav-holder { height: 60px !important; }
				#site-header.sticky #logo { height: 60px !important; }
				#site-header.sticky .nav-holder,
				#site-header.sticky .main-nav ul > li,
				#site-header.sticky .main-nav ul > li > a,
				#site-header.sticky .main-nav ul > li > span,
				#site-header.sticky .secondary-nav a,
				#site-header.sticky .secondary-nav span  { line-height: 60px; height: 60px;}
						
						
				
				
		</style>
		
					
					<style type="text/css">.site-main h1 { 
						 font-weight: 300;					}</style>

									
					<style type="text/css">.site-main h2 { 
						 font-weight: 300;					}</style>

									
					<style type="text/css">.site-main h3 { 
						 font-weight: 300;					}</style>

									
					<style type="text/css">.site-main h4 { 
						 font-weight: 300;					}</style>

									
					<style type="text/css">#primary header.main h1.entry-title { 
						 font-weight: 300;					}</style>

						<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
		<meta name="generator" content="Powered by Slider Revolution 5.1.6 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." />
<style type="text/css" media="all" id="siteorigin-panels-grids-wp_head">/* Layout 961 */ #pg-961-0 , #pg-961-1 , #pg-961-4 , #pg-961-5 , #pl-961 .panel-grid-cell .so-panel:last-child { margin-bottom:0px } #pg-961-2 , #pg-961-3 , #pl-961 .panel-grid-cell .so-panel { margin-bottom:30px } #pgc-961-3-0 , #pgc-961-3-1 , #pgc-961-6-0 , #pgc-961-6-1 { width:50% } #pg-961-3 .panel-grid-cell , #pg-961-4 .panel-grid-cell , #pg-961-6 .panel-grid-cell { float:left } #pgc-961-4-0 { width:49.6% } #pgc-961-4-1 { width:50.4% } #pg-961-3 { margin-left:-15px;margin-right:-15px } #pg-961-3 .panel-grid-cell { padding-left:15px;padding-right:15px } @media (max-width:780px){ #pg-961-0 .panel-grid-cell , #pg-961-1 .panel-grid-cell , #pg-961-2 .panel-grid-cell , #pg-961-3 .panel-grid-cell , #pg-961-4 .panel-grid-cell , #pg-961-5 .panel-grid-cell , #pg-961-6 .panel-grid-cell { float:none;width:auto } #pgc-961-3-0 , #pgc-961-4-0 , #pgc-961-6-0 { margin-bottom:30px } #pl-961 .panel-grid { margin-left:0;margin-right:0 } #pl-961 .panel-grid-cell { padding:0 }  } </style>
<!-- BEGIN GADWP v4.9.3 Universal Tracking - https://deconf.com/google-analytics-dashboard-wordpress/ -->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-2292471-1', 'auto');
  ga('send', 'pageview');
</script>

<!-- END GADWP Universal Tracking -->

</head>

<body class="home page-template-default page page-id-961 siteorigin-panels siteorigin-panels-home unknown full-width top-header inline-header sticky-header">
	
	<div id="loader-container"><div id="loader-icon" class="sk-spinner sk-spinner-pulse"></div><div id="loader-screen"></div></div>	<div id="scroll-to-top"><span></span></div>	
		<!-- Slide Panel -->
	<div id="slide-panel">
		<div class="hidden-scroll">
			<div class="inner has-mobile-menu">	
								
				<nav id="slide-mobile-menu" class="menu-one-page-menu-container"><ul id="menu-one-page-menu" class="collapse sidebar"><li id="menu-item-1226" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1226"><a href="#hello">Hello</a></li>
<li id="menu-item-1223" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1223"><a href="#my-work">Recent Work</a></li>
<li id="menu-item-1341" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1341"><a href="#featured">Featured</a></li>
<li id="menu-item-1221" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1221"><a href="#about-me">About Us</a></li>
<li id="menu-item-1225" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1225"><a href="#contact-me">Contact Us</a></li>
</ul></nav>
											</div><!-- .inner -->
		</div>
		<span id="menu-toggle-close" class="menu-toggle right close slide" data-target="slide-panel"><span></span></span>
	</div><!-- /slide-panel-->	
		
	
<div id="site-wrap">
<div id="main-container">
							<header id="site-header" class="main dark">
								<div id="header-search" class="header-search">
					<div class="inside">
						<div class="form-wrap">
						<form role="search" method="get" id="searchform" class="searchform clear" action="http://okayyellow.com/">
							 
							<input type="text" placeholder="Type and press enter to search." name="s" id="s" />
							<span id="search-toggle-close" class="search-toggle right close" data-target="header-search" ></span>
						</form>
						
						</div>
					</div>
				</div>
								<div class="inside logo-and-nav clearfix">

																				
					<div id="logo" class="has-sticky-logo">
											<h1 class="site-title"><a href="http://okayyellow.com"><img src="http://okayyellow.wpengine.com/wp-content/uploads/2016/04/Oky-Horiz.png" alt="Okay Yellow" /></a></h1>
					
											<h1 class="site-title sticky"><a href="http://okayyellow.com"><img src="http://okayyellow.wpengine.com/wp-content/uploads/2016/04/Oky-Horiz.png" alt="Okay Yellow" /></a></h1>
										</div>
					
					
					<div class="nav-holder">
					
						<div class="main-nav clearfix">
						<ul id="menu-one-page-menu-1" class="main-menu sf-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1226 depth-0"><a href="#hello" class="link link-depth-0"><span>Hello</span></a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1223 depth-0"><a href="#my-work" class="link link-depth-0"><span>Recent Work</span></a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1341 depth-0"><a href="#featured" class="link link-depth-0"><span>Featured</span></a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1221 depth-0"><a href="#about-me" class="link link-depth-0"><span>About Us</span></a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1225 depth-0"><a href="#contact-me" class="link link-depth-0"><span>Contact Us</span></a></li>
</ul>						</div>
						
						<div class="secondary-nav clearfix">
							
														
														<span id="search-toggle-open" class="search-toggle right open" data-target="header-search" ></span>
														
							<span id="menu-toggle-open" class="menu-toggle right open slide constant" data-target="slide-menu" ></span>
							
						
						</div>
					</div>
						
				</div>
	
			</header><!-- #site-header -->
						<div id="middle">
	<div id="primary" class="content-area">

		
		<main id="main" class="site-main" role="main">

			
				<article id="post-961" class="post-961 page type-page status-publish hentry">

					<div class="body-wrap">
					<div class="entry-content">
						<div id="pl-961"><div class="panel-grid" id="pg-961-0" ><div class="siteorigin-panels-stretch panel-row-style" data-stretch-type="full-stretched" data-row-id="hello" ><div class="panel-grid-cell" id="pgc-961-0-0" ><div class="so-panel widget widget_text panel-first-child panel-last-child" id="panel-961-0-0-0">			<div class="textwidget"><link href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet" property="stylesheet" type="text/css" media="all" /><link href="http://fonts.googleapis.com/css?family=Open Sans:800,300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
<div id="rev_slider_2_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" style="margin:0px auto;background-color:#E9E9E9;padding:0px;margin-top:0px;margin-bottom:0px;">
<!-- START REVOLUTION SLIDER 5.1.6 auto mode -->
	<div id="rev_slider_2_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.1.6">
<ul>	<!-- SLIDE  -->
	<li data-index="rs-4" data-transition="fade" data-slotamount="7" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300"  data-rotate="0"  data-saveperformance="off"  data-title="Video" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
		<!-- MAIN IMAGE -->
		<img src="http://okayyellow.com/wp-content/uploads/2016/04/oyvid-still.jpg"  alt=""  width="1282" height="719" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
		<!-- LAYERS -->

		<!-- BACKGROUND VIDEO LAYER -->
		<div class="rs-background-video-layer" 
			data-forcerewind="on" 
			data-videowidth="100%" 
			data-videoheight="100%" 
			data-videowebm="http://okayyellow.wpengine.com/wp-content/uploads/2016/04/oyvid-1.mp4" 
			data-videomp4="http://okayyellow.wpengine.com/wp-content/uploads/2016/04/oyvid-1.mp4" 
			data-videopreload="preload" 
			data-videostartat="00:14" 
			data-videoloop="loopandnoslidestop" 
			data-dottedoverlay="threexthree" 
			data-forceCover="1" 
			data-aspectratio="16:9" 
			data-autoplay="true" 
			data-autoplayonlyfirsttime="false" 
			data-nextslideatend="true" 
		></div>
		<!-- LAYER NR. 1 -->
		<div class="tp-caption mediumboldwhite   tp-resizeme" 
			 id="slide-4-layer-2" 
			 data-x="['center','center','center','center']" data-hoffset="['-1','-1','-1','-1']" 
			 data-y="['middle','middle','middle','middle']" data-voffset="['-31','-31','-31','-31']" 
						data-width="none"
			data-height="none"
			data-whitespace="nowrap"
			data-transform_idle="o:1;"
 
			 data-transform_in="opacity:0;s:300;e:Power3.easeInOut;" 
			 data-transform_out="auto:auto;s:300;" 
			data-start="500" 
			data-splitin="none" 
			data-splitout="none" 
			data-responsive_offset="on" 

			
			style="z-index: 5; white-space: nowrap; color: rgba(255, 255, 255, 1.00);border-color:rgba(255, 214, 88, 1.00);"> 
		</div>

		<!-- LAYER NR. 2 -->
		<div class="tp-caption medium_light_white   tp-resizeme" 
			 id="slide-4-layer-3" 
			 data-x="['center','center','center','center']" data-hoffset="['-1','-1','-1','-1']" 
			 data-y="['middle','middle','middle','middle']" data-voffset="['14','14','14','14']" 
						data-width="none"
			data-height="none"
			data-whitespace="nowrap"
			data-transform_idle="o:1;"
 
			 data-transform_in="opacity:0;s:300;e:Power3.easeInOut;" 
			 data-transform_out="auto:auto;s:300;" 
			data-start="500" 
			data-splitin="none" 
			data-splitout="none" 
			data-responsive_offset="on" 

			
			style="z-index: 6; white-space: nowrap; color: rgba(255, 255, 255, 1.00);padding:0px 0px 0px 0px;border-color:rgba(255, 214, 88, 1.00);"> 
		</div>
	</li>
</ul>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>	</div>
<script>var htmlDiv = document.getElementById("rs-plugin-settings-inline-css"); var htmlDivCss=".tp-caption.medium_light_white,.medium_light_white{font-size:30px;line-height:36px;font-weight:300;font-family:\"Open Sans\";color:rgb(255,255,255);text-decoration:none;background-color:transparent;padding:0px;border-width:0px;border-color:rgb(255,214,88);border-style:none}.tp-caption.mediumboldwhite,.mediumboldwhite{font-size:45px;line-height:60px;font-weight:800;font-family:\"Open Sans\";color:rgb(255,255,255);text-decoration:none;background-color:transparent;border-width:0px;border-color:rgb(255,214,88);border-style:none}";
				if(htmlDiv) {
					htmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss;
				}else{
					var htmlDiv = document.createElement("div");
					htmlDiv.innerHTML = "<style>" + htmlDivCss + "</style>";
					document.getElementsByTagName("head")[0].appendChild(htmlDiv.childNodes[0]);
				}
			</script>
		<script type="text/javascript">
						/******************************************
				-	PREPARE PLACEHOLDER FOR SLIDER	-
			******************************************/

			var setREVStartSize=function(){
				try{var e=new Object,i=jQuery(window).width(),t=9999,r=0,n=0,l=0,f=0,s=0,h=0;
					e.c = jQuery('#rev_slider_2_1');
					e.responsiveLevels = [1240,1024,778,480];
					e.gridwidth = [960,1024,778,480];
					e.gridheight = [550,500,500,400];
							
					e.sliderLayout = "auto";
					if(e.responsiveLevels&&(jQuery.each(e.responsiveLevels,function(e,f){f>i&&(t=r=f,l=e),i>f&&f>r&&(r=f,n=e)}),t>r&&(l=n)),f=e.gridheight[l]||e.gridheight[0]||e.gridheight,s=e.gridwidth[l]||e.gridwidth[0]||e.gridwidth,h=i/s,h=h>1?1:h,f=Math.round(h*f),"fullscreen"==e.sliderLayout){var u=(e.c.width(),jQuery(window).height());if(void 0!=e.fullScreenOffsetContainer){var c=e.fullScreenOffsetContainer.split(",");if (c) jQuery.each(c,function(e,i){u=jQuery(i).length>0?u-jQuery(i).outerHeight(!0):u}),e.fullScreenOffset.split("%").length>1&&void 0!=e.fullScreenOffset&&e.fullScreenOffset.length>0?u-=jQuery(window).height()*parseInt(e.fullScreenOffset,0)/100:void 0!=e.fullScreenOffset&&e.fullScreenOffset.length>0&&(u-=parseInt(e.fullScreenOffset,0))}f=u}else void 0!=e.minHeight&&f<e.minHeight&&(f=e.minHeight);e.c.closest(".rev_slider_wrapper").css({height:f})
					
				}catch(d){console.log("Failure at Presize of Slider:"+d)}
			};
						
				
			setREVStartSize();
			function revslider_showDoubleJqueryError(sliderID) {
					var errorMessage = "Revolution Slider Error: You have some jquery.js library include that comes after the revolution files js include.";
					errorMessage += "<br> This includes make eliminates the revolution slider libraries, and make it not work.";
					errorMessage += "<br><br> To fix it you can:<br>&nbsp;&nbsp;&nbsp; 1. In the Slider Settings -> Troubleshooting set option:  <strong><b>Put JS Includes To Body</b></strong> option to true.";
					errorMessage += "<br>&nbsp;&nbsp;&nbsp; 2. Find the double jquery.js include and remove it.";
					errorMessage = "<span style='font-size:16px;color:#BC0C06;'>" + errorMessage + "</span>";
						jQuery(sliderID).show().html(errorMessage);
				}
						var tpj=jQuery;
			tpj.noConflict();
			var revapi2;
			tpj(document).ready(function() {
				if(tpj("#rev_slider_2_1").revolution == undefined){
					revslider_showDoubleJqueryError("#rev_slider_2_1");
				}else{
					revapi2 = tpj("#rev_slider_2_1").show().revolution({
						sliderType:"hero",
jsFileLocation:"//okayyellow.com/wp-content/plugins/revslider/public/assets/js/",
						sliderLayout:"auto",
						dottedOverlay:"none",
						delay:9000,
						navigation: {
						},
						responsiveLevels:[1240,1024,778,480],
						visibilityLevels:[1240,1024,778,480],
						gridwidth:[960,1024,778,480],
						gridheight:[550,500,500,400],
						lazyType:"none",
						shadow:0,
						spinner:"spinner2",
						autoHeight:"off",
						disableProgressBar:"on",
						hideThumbsOnMobile:"off",
						hideSliderAtLimit:0,
						hideCaptionAtLimit:0,
						hideAllCaptionAtLilmit:0,
						debugMode:false,
						fallbacks: {
							simplifyAll:"off",
							disableFocusListener:false,
						}
					});
				}
			});	/*ready*/
		</script>
		<script>
					var htmlDivCss = ' #rev_slider_2_1_wrapper .tp-loader.spinner2{ background-color: #848484 !important; } ';
					var htmlDiv = document.getElementById('rs-plugin-settings-inline-css');
					if(htmlDiv) {
						htmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss;
					}
					else{
						var htmlDiv = document.createElement('div');
						htmlDiv.innerHTML = '<style>' + htmlDivCss + '</style>';
						document.getElementsByTagName('head')[0].appendChild(htmlDiv.childNodes[0]);
					}
					</script>
					</div><!-- END REVOLUTION SLIDER --></div>
		</div></div></div></div><div class="panel-grid" id="pg-961-1" ><div class="siteorigin-panels-stretch panel-row-style" style="background-color:#282828;padding-top: 70px; padding-bottom: 70px; " data-stretch-type="full" data-row-id="my-work" ><div class="panel-grid-cell" id="pgc-961-1-0" ><div class="so-panel widget widget_black-studio-tinymce widget_black_studio_tinymce panel-first-child" id="panel-961-1-0-0"><div style="color: #ffffff;" class="panel-widget-style" ><div class="textwidget"><h2 style="text-align: center;">RECENT <span style="color: #ffcc00;">WORK</span></h2>
</div></div></div><div class="so-panel widget widget_ttrust_portfolio create-portfolio panel-last-child" id="panel-961-1-0-1"><div style="color: #ffffff;" class="panel-widget-style" >			
				<div class="projects rows-with-gutter col-5">
				
													<ul id="filter-nav" class="clearfix center">
									<li class="all-btn"><a href="#" data-filter="*" class="selected">All</a></li>
									<li><a href="#" data-filter=".advertising">Advertising</a></li>
<li><a href="#" data-filter=".branding">Branding</a></li>
<li><a href="#" data-filter=".illustration">Illustration</a></li>
<li><a href="#" data-filter=".packaging">Packaging</a></li>
								</ul>
								
				
					<div class="thumbs clearfix">
						<div class="grid-sizer"></div>						
						
					<div class="project small branding illustration packaging effect-1 " id="project-745">
						<div class="inside">
							
							<div class="details  has-skills" style="border-color: #000000;">
								<div class="text">
								
								<div class="title" >
									<h3 class="entry-title" style="color: #000000!important;">Vienna Lager Showcase &#8211; Devils Backbone Brewing</h3>
								</div>
								
																<div class="skills" style="color: #000000;">
									Branding, Illustration, Packaging								</div>
																
								</div>
							</div>

							<div class="overlay" style="background-color: #ffcc00;"></div>
							
															<a href="http://okayyellow.wpengine.com/wp-content/uploads/2015/08/Work-ViennaLager.jpg" alt="Vienna Lager Showcase &#8211; Devils Backbone Brewing" data-rel="prettyPhoto[portfolio]"></a>
													<img width="700" height="700" src="http://okayyellow.com/wp-content/uploads/2015/08/Work-ViennaLager-700x700.jpg" class=" wp-post-image" alt="Vienna Lager Showcase &#8211; Devils Backbone Brewing" title="Vienna Lager Showcase &#8211; Devils Backbone Brewing" srcset="http://okayyellow.com/wp-content/uploads/2015/08/Work-ViennaLager-700x700.jpg 700w, http://okayyellow.com/wp-content/uploads/2015/08/Work-ViennaLager-150x150.jpg 150w" sizes="(max-width: 700px) 100vw, 700px" />
						

						
						</div>
					</div><!-- #post->ID -->
						
					<div class="project small branding illustration packaging effect-1 " id="project-408">
						<div class="inside">
							
							<div class="details  has-skills" style="border-color: #000000;">
								<div class="text">
								
								<div class="title" >
									<h3 class="entry-title" style="color: #000000!important;">Brew Showcase &#8211; Seven Arrows Brewing</h3>
								</div>
								
																<div class="skills" style="color: #000000;">
									Branding, Illustration, Packaging								</div>
																
								</div>
							</div>

							<div class="overlay" style="background-color: #ffcc00;"></div>
							
															<a href="http://okayyellow.wpengine.com/wp-content/uploads/2015/01/Work-7ACanLineup.jpg" alt="Brew Showcase &#8211; Seven Arrows Brewing" data-rel="prettyPhoto[portfolio]"></a>
													<img width="700" height="700" src="http://okayyellow.com/wp-content/uploads/2015/01/Work-7ACanLineup-700x700.jpg" class=" wp-post-image" alt="Brew Showcase &#8211; Seven Arrows Brewing" title="Brew Showcase &#8211; Seven Arrows Brewing" srcset="http://okayyellow.com/wp-content/uploads/2015/01/Work-7ACanLineup-700x700.jpg 700w, http://okayyellow.com/wp-content/uploads/2015/01/Work-7ACanLineup-150x150.jpg 150w" sizes="(max-width: 700px) 100vw, 700px" />
						

						
						</div>
					</div><!-- #post->ID -->
						
					<div class="project small branding illustration effect-1 " id="project-105">
						<div class="inside">
							
							<div class="details  has-skills" style="border-color: #000000;">
								<div class="text">
								
								<div class="title" >
									<h3 class="entry-title" style="color: #000000!important;">Logo &#8211; WillowTree</h3>
								</div>
								
																<div class="skills" style="color: #000000;">
									Branding, Illustration								</div>
																
								</div>
							</div>

							<div class="overlay" style="background-color: #ffcc00;"></div>
							
															<a href="http://okayyellow.wpengine.com/wp-content/uploads/2015/01/Work-WillowTreeLogo.jpg" alt="Logo &#8211; WillowTree" data-rel="prettyPhoto[portfolio]"></a>
													<img width="700" height="700" src="http://okayyellow.com/wp-content/uploads/2015/01/Work-WillowTreeLogo-700x700.jpg" class=" wp-post-image" alt="Logo &#8211; WillowTree" title="Logo &#8211; WillowTree" srcset="http://okayyellow.com/wp-content/uploads/2015/01/Work-WillowTreeLogo-700x700.jpg 700w, http://okayyellow.com/wp-content/uploads/2015/01/Work-WillowTreeLogo-150x150.jpg 150w" sizes="(max-width: 700px) 100vw, 700px" />
						

						
						</div>
					</div><!-- #post->ID -->
						
					<div class="project small branding illustration packaging effect-1 " id="project-498">
						<div class="inside">
							
							<div class="details  has-skills" style="border-color: #000000;">
								<div class="text">
								
								<div class="title" >
									<h3 class="entry-title" style="color: #000000!important;">Trailblazer Showcase &#8211; Devils Backbone Brewing</h3>
								</div>
								
																<div class="skills" style="color: #000000;">
									Branding, Illustration, Packaging								</div>
																
								</div>
							</div>

							<div class="overlay" style="background-color: #ffcc00;"></div>
							
															<a href="http://okayyellow.wpengine.com/wp-content/uploads/2016/01/Work-DBTrailBlazers.jpg" alt="Trailblazer Showcase &#8211; Devils Backbone Brewing" data-rel="prettyPhoto[portfolio]"></a>
													<img width="700" height="700" src="http://okayyellow.com/wp-content/uploads/2016/01/Work-DBTrailBlazers-700x700.jpg" class=" wp-post-image" alt="Trailblazer Showcase &#8211; Devils Backbone Brewing" title="Trailblazer Showcase &#8211; Devils Backbone Brewing" srcset="http://okayyellow.com/wp-content/uploads/2016/01/Work-DBTrailBlazers-700x700.jpg 700w, http://okayyellow.com/wp-content/uploads/2016/01/Work-DBTrailBlazers-150x150.jpg 150w" sizes="(max-width: 700px) 100vw, 700px" />
						

						
						</div>
					</div><!-- #post->ID -->
						
					<div class="project small branding illustration packaging effect-1 " id="project-405">
						<div class="inside">
							
							<div class="details  has-skills" style="border-color: #000000;">
								<div class="text">
								
								<div class="title" >
									<h3 class="entry-title" style="color: #000000!important;">Brew Showcase &#8211; Chaos Mountain Brewing</h3>
								</div>
								
																<div class="skills" style="color: #000000;">
									Branding, Illustration, Packaging								</div>
																
								</div>
							</div>

							<div class="overlay" style="background-color: #ffcc00;"></div>
							
															<a href="http://okayyellow.wpengine.com/wp-content/uploads/2016/01/Work-CMBLineup.jpg" alt="Brew Showcase &#8211; Chaos Mountain Brewing" data-rel="prettyPhoto[portfolio]"></a>
													<img width="700" height="700" src="http://okayyellow.com/wp-content/uploads/2016/01/Work-CMBLineup-700x700.jpg" class=" wp-post-image" alt="Brew Showcase &#8211; Chaos Mountain Brewing" title="Brew Showcase &#8211; Chaos Mountain Brewing" srcset="http://okayyellow.com/wp-content/uploads/2016/01/Work-CMBLineup-700x700.jpg 700w, http://okayyellow.com/wp-content/uploads/2016/01/Work-CMBLineup-150x150.jpg 150w" sizes="(max-width: 700px) 100vw, 700px" />
						

						
						</div>
					</div><!-- #post->ID -->
						
					<div class="project small branding illustration packaging effect-1 " id="project-392">
						<div class="inside">
							
							<div class="details  has-skills" style="border-color: #000000;">
								<div class="text">
								
								<div class="title" >
									<h3 class="entry-title" style="color: #000000!important;">Brew Showcase &#8211; Three Notch&#8217;d Brewing</h3>
								</div>
								
																<div class="skills" style="color: #000000;">
									Branding, Illustration, Packaging								</div>
																
								</div>
							</div>

							<div class="overlay" style="background-color: #ffcc00;"></div>
							
															<a href="http://okayyellow.wpengine.com/wp-content/uploads/2016/01/Work-3NBShowcase-1.jpg" alt="Brew Showcase &#8211; Three Notch&#8217;d Brewing" data-rel="prettyPhoto[portfolio]"></a>
													<img width="700" height="700" src="http://okayyellow.com/wp-content/uploads/2016/01/Work-3NBShowcase-1-700x700.jpg" class=" wp-post-image" alt="Brew Showcase &#8211; Three Notch&#8217;d Brewing" title="Brew Showcase &#8211; Three Notch&#8217;d Brewing" srcset="http://okayyellow.com/wp-content/uploads/2016/01/Work-3NBShowcase-1-700x700.jpg 700w, http://okayyellow.com/wp-content/uploads/2016/01/Work-3NBShowcase-1-150x150.jpg 150w" sizes="(max-width: 700px) 100vw, 700px" />
						

						
						</div>
					</div><!-- #post->ID -->
						
					<div class="project small branding illustration packaging effect-1 " id="project-396">
						<div class="inside">
							
							<div class="details  has-skills" style="border-color: #000000;">
								<div class="text">
								
								<div class="title" >
									<h3 class="entry-title" style="color: #000000!important;">Daypack Showcase &#8211; Devils Backbone Brewing</h3>
								</div>
								
																<div class="skills" style="color: #000000;">
									Branding, Illustration, Packaging								</div>
																
								</div>
							</div>

							<div class="overlay" style="background-color: #ffcc00;"></div>
							
															<a href="http://okayyellow.wpengine.com/wp-content/uploads/2015/06/Work-DBDaypack.jpg" alt="Daypack Showcase &#8211; Devils Backbone Brewing" data-rel="prettyPhoto[portfolio]"></a>
													<img width="700" height="700" src="http://okayyellow.com/wp-content/uploads/2015/06/Work-DBDaypack-700x700.jpg" class=" wp-post-image" alt="Daypack Showcase &#8211; Devils Backbone Brewing" title="Daypack Showcase &#8211; Devils Backbone Brewing" srcset="http://okayyellow.com/wp-content/uploads/2015/06/Work-DBDaypack-700x700.jpg 700w, http://okayyellow.com/wp-content/uploads/2015/06/Work-DBDaypack-150x150.jpg 150w" sizes="(max-width: 700px) 100vw, 700px" />
						

						
						</div>
					</div><!-- #post->ID -->
						
					<div class="project small branding illustration packaging effect-1 " id="project-389">
						<div class="inside">
							
							<div class="details  has-skills" style="border-color: #000000;">
								<div class="text">
								
								<div class="title" >
									<h3 class="entry-title" style="color: #000000!important;">Brew Showcase &#8211; Greenbrier Valley Brewing</h3>
								</div>
								
																<div class="skills" style="color: #000000;">
									Branding, Illustration, Packaging								</div>
																
								</div>
							</div>

							<div class="overlay" style="background-color: #ffcc00;"></div>
							
															<a href="http://okayyellow.wpengine.com/wp-content/uploads/2016/01/Work-GVBCBrews.jpg" alt="Brew Showcase &#8211; Greenbrier Valley Brewing" data-rel="prettyPhoto[portfolio]"></a>
													<img width="700" height="700" src="http://okayyellow.com/wp-content/uploads/2016/01/Work-GVBCBrews-700x700.jpg" class=" wp-post-image" alt="Brew Showcase &#8211; Greenbrier Valley Brewing" title="Brew Showcase &#8211; Greenbrier Valley Brewing" srcset="http://okayyellow.com/wp-content/uploads/2016/01/Work-GVBCBrews-700x700.jpg 700w, http://okayyellow.com/wp-content/uploads/2016/01/Work-GVBCBrews-150x150.jpg 150w" sizes="(max-width: 700px) 100vw, 700px" />
						

						
						</div>
					</div><!-- #post->ID -->
						
					<div class="project small advertising illustration effect-1 " id="project-385">
						<div class="inside">
							
							<div class="details  has-skills" style="border-color: #000000;">
								<div class="text">
								
								<div class="title" >
									<h3 class="entry-title" style="color: #000000!important;">Ad Showcase &#8211; CHO Airport</h3>
								</div>
								
																<div class="skills" style="color: #000000;">
									Advertising, Illustration								</div>
																
								</div>
							</div>

							<div class="overlay" style="background-color: #ffcc00;"></div>
							
															<a href="http://okayyellow.com/wp-content/uploads/2016/01/Work-CHO-ads.jpg" alt="Ad Showcase &#8211; CHO Airport" data-rel="prettyPhoto[portfolio]"></a>
													<img width="700" height="700" src="http://okayyellow.com/wp-content/uploads/2016/01/Work-CHO-ads-700x700.jpg" class=" wp-post-image" alt="Ad Showcase &#8211; CHO Airport" title="Ad Showcase &#8211; CHO Airport" srcset="http://okayyellow.com/wp-content/uploads/2016/01/Work-CHO-ads-700x700.jpg 700w, http://okayyellow.com/wp-content/uploads/2016/01/Work-CHO-ads-150x150.jpg 150w" sizes="(max-width: 700px) 100vw, 700px" />
						

						
						</div>
					</div><!-- #post->ID -->
						
					<div class="project small branding illustration effect-1 " id="project-1361">
						<div class="inside">
							
							<div class="details  has-skills" style="border-color: #000000;">
								<div class="text">
								
								<div class="title" >
									<h3 class="entry-title" style="color: #000000!important;">Brand Identity &#8211; Snowing In Space</h3>
								</div>
								
																<div class="skills" style="color: #000000;">
									Branding, Illustration								</div>
																
								</div>
							</div>

							<div class="overlay" style="background-color: #ffcc00;"></div>
							
															<a href="http://okayyellow.com/wp-content/uploads/2016/04/Work-SnowingInSpace.jpg" alt="Brand Identity &#8211; Snowing In Space" data-rel="prettyPhoto[portfolio]"></a>
													<img width="700" height="700" src="http://okayyellow.com/wp-content/uploads/2016/04/Work-SnowingInSpace-700x700.jpg" class=" wp-post-image" alt="Brand Identity &#8211; Snowing In Space" title="Brand Identity &#8211; Snowing In Space" srcset="http://okayyellow.com/wp-content/uploads/2016/04/Work-SnowingInSpace-700x700.jpg 700w, http://okayyellow.com/wp-content/uploads/2016/04/Work-SnowingInSpace-150x150.jpg 150w" sizes="(max-width: 700px) 100vw, 700px" />
						

						
						</div>
					</div><!-- #post->ID -->
						
					<div class="project small advertising branding illustration effect-1 " id="project-1357">
						<div class="inside">
							
							<div class="details  has-skills" style="border-color: #000000;">
								<div class="text">
								
								<div class="title" >
									<h3 class="entry-title" style="color: #000000!important;">60th Anniversary Campaign &#8211; CHO Airport</h3>
								</div>
								
																<div class="skills" style="color: #000000;">
									Advertising, Branding, Illustration								</div>
																
								</div>
							</div>

							<div class="overlay" style="background-color: #ffcc00;"></div>
							
															<a href="http://okayyellow.com/wp-content/uploads/2016/04/Work-CHO-60sads.jpg" alt="60th Anniversary Campaign &#8211; CHO Airport" data-rel="prettyPhoto[portfolio]"></a>
													<img width="700" height="700" src="http://okayyellow.com/wp-content/uploads/2016/04/Work-CHO-60sads-700x700.jpg" class=" wp-post-image" alt="60th Anniversary Campaign &#8211; CHO Airport" title="60th Anniversary Campaign &#8211; CHO Airport" srcset="http://okayyellow.com/wp-content/uploads/2016/04/Work-CHO-60sads-700x700.jpg 700w, http://okayyellow.com/wp-content/uploads/2016/04/Work-CHO-60sads-150x150.jpg 150w" sizes="(max-width: 700px) 100vw, 700px" />
						

						
						</div>
					</div><!-- #post->ID -->
						
					<div class="project small advertising branding illustration effect-1 " id="project-1359">
						<div class="inside">
							
							<div class="details  has-skills" style="border-color: #000000;">
								<div class="text">
								
								<div class="title" >
									<h3 class="entry-title" style="color: #000000!important;">CHOmobile &#8211; CHO Airport</h3>
								</div>
								
																<div class="skills" style="color: #000000;">
									Advertising, Branding, Illustration								</div>
																
								</div>
							</div>

							<div class="overlay" style="background-color: #ffcc00;"></div>
							
															<a href="http://okayyellow.com/wp-content/uploads/2016/04/Work-CHO-CHOmobile.jpg" alt="CHOmobile &#8211; CHO Airport" data-rel="prettyPhoto[portfolio]"></a>
													<img width="700" height="700" src="http://okayyellow.com/wp-content/uploads/2016/04/Work-CHO-CHOmobile-700x700.jpg" class=" wp-post-image" alt="CHOmobile &#8211; CHO Airport" title="CHOmobile &#8211; CHO Airport" srcset="http://okayyellow.com/wp-content/uploads/2016/04/Work-CHO-CHOmobile-700x700.jpg 700w, http://okayyellow.com/wp-content/uploads/2016/04/Work-CHO-CHOmobile-150x150.jpg 150w" sizes="(max-width: 700px) 100vw, 700px" />
						

						
						</div>
					</div><!-- #post->ID -->
						
					<div class="project small advertising illustration effect-1 " id="project-1368">
						<div class="inside">
							
							<div class="details  has-skills" style="border-color: #000000;">
								<div class="text">
								
								<div class="title" >
									<h3 class="entry-title" style="color: #000000!important;">March Markdown Event &#8211; Brown Automotive</h3>
								</div>
								
																<div class="skills" style="color: #000000;">
									Advertising, Illustration								</div>
																
								</div>
							</div>

							<div class="overlay" style="background-color: #ffcc00;"></div>
							
															<a href="http://okayyellow.com/wp-content/uploads/2016/04/Work-BA-MarchMarkdown.jpg" alt="March Markdown Event &#8211; Brown Automotive" data-rel="prettyPhoto[portfolio]"></a>
													<img width="700" height="700" src="http://okayyellow.com/wp-content/uploads/2016/04/Work-BA-MarchMarkdown-700x700.jpg" class=" wp-post-image" alt="March Markdown Event &#8211; Brown Automotive" title="March Markdown Event &#8211; Brown Automotive" srcset="http://okayyellow.com/wp-content/uploads/2016/04/Work-BA-MarchMarkdown-700x700.jpg 700w, http://okayyellow.com/wp-content/uploads/2016/04/Work-BA-MarchMarkdown-150x150.jpg 150w" sizes="(max-width: 700px) 100vw, 700px" />
						

						
						</div>
					</div><!-- #post->ID -->
						
					<div class="project small branding illustration packaging effect-1 " id="project-1363">
						<div class="inside">
							
							<div class="details  has-skills" style="border-color: #000000;">
								<div class="text">
								
								<div class="title" >
									<h3 class="entry-title" style="color: #000000!important;">Peak Series &#8211; Devils Backbone Brewing</h3>
								</div>
								
																<div class="skills" style="color: #000000;">
									Branding, Illustration, Packaging								</div>
																
								</div>
							</div>

							<div class="overlay" style="background-color: #ffcc00;"></div>
							
															<a href="http://okayyellow.com/wp-content/uploads/2016/04/Work-DB-PeakSeries.jpg" alt="Peak Series &#8211; Devils Backbone Brewing" data-rel="prettyPhoto[portfolio]"></a>
													<img width="700" height="700" src="http://okayyellow.com/wp-content/uploads/2016/04/Work-DB-PeakSeries-700x700.jpg" class=" wp-post-image" alt="Peak Series &#8211; Devils Backbone Brewing" title="Peak Series &#8211; Devils Backbone Brewing" srcset="http://okayyellow.com/wp-content/uploads/2016/04/Work-DB-PeakSeries-700x700.jpg 700w, http://okayyellow.com/wp-content/uploads/2016/04/Work-DB-PeakSeries-150x150.jpg 150w" sizes="(max-width: 700px) 100vw, 700px" />
						

						
						</div>
					</div><!-- #post->ID -->
						
					<div class="project small advertising illustration effect-1 " id="project-1370">
						<div class="inside">
							
							<div class="details  has-skills" style="border-color: #000000;">
								<div class="text">
								
								<div class="title" >
									<h3 class="entry-title" style="color: #000000!important;">Event Showcase &#8211; Brown Automotive</h3>
								</div>
								
																<div class="skills" style="color: #000000;">
									Advertising, Illustration								</div>
																
								</div>
							</div>

							<div class="overlay" style="background-color: #ffcc00;"></div>
							
															<a href="http://okayyellow.com/wp-content/uploads/2016/04/Work-BA-EventShowcase.jpg" alt="Event Showcase &#8211; Brown Automotive" data-rel="prettyPhoto[portfolio]"></a>
													<img width="700" height="700" src="http://okayyellow.com/wp-content/uploads/2016/04/Work-BA-EventShowcase-700x700.jpg" class=" wp-post-image" alt="Event Showcase &#8211; Brown Automotive" title="Event Showcase &#8211; Brown Automotive" srcset="http://okayyellow.com/wp-content/uploads/2016/04/Work-BA-EventShowcase-700x700.jpg 700w, http://okayyellow.com/wp-content/uploads/2016/04/Work-BA-EventShowcase-150x150.jpg 150w" sizes="(max-width: 700px) 100vw, 700px" />
						

						
						</div>
					</div><!-- #post->ID -->
											</div><!-- .thumbs -->
										<div class="load-more-holder">
						<div class="load-more-button" style="background:#383838; color:;" data-rel="1"></div>
						<div class="loading hidden button" style="background:#383838; color:;">Loading</div>
					</div>
									</div><!-- .projects -->
				</div></div></div></div></div><div class="panel-grid" id="pg-961-2" ><div data-row-id="featured" class="panel-row-style" ><div class="panel-grid-cell" id="pgc-961-2-0" ><div class="so-panel widget widget_black-studio-tinymce widget_black_studio_tinymce panel-first-child" id="panel-961-2-0-0"><div style="padding: 30px;" class="panel-widget-style" ><div class="textwidget"></div></div></div><div class="so-panel widget widget_black-studio-tinymce widget_black_studio_tinymce panel-last-child" id="panel-961-2-0-1"><div class="textwidget"><h2 style="text-align: center;"><span style="color: #1f1f1f;">FEATURED <span style="color: #ffcc00;">VIDEO</span></span></h2>
</div></div></div></div></div><div class="panel-grid" id="pg-961-3" ><div class="panel-grid-cell" id="pgc-961-3-0" ><div class="so-panel widget widget_black-studio-tinymce widget_black_studio_tinymce panel-first-child panel-last-child" id="panel-961-3-0-0"><div style="padding: 0px;" class="panel-widget-style" ><div class="textwidget"><h3>CHO AIRPORT - 60 Second TV Spot</h3>
<p>As part of our ongoing services agreement with CHO Airport we worked together to create a 60s TV Spot. CHO has been growing steadily over the past few years, and economic impact studies have shown that the Airport is an integral part of our local economy. Our goal with this commercial was to communicate that economic impact while at the same time providing an updated view of an airport that has evolved and matured as it has grown to serve over 500,000 passengers in 2015.</p>
<p>We worked with Jason Burch, Director of Communications, at CHO Airport to narrow in on the concept, length, goals and objectives of the final spot. Once we had a vision, Okay Yellow produced the spot, partnering with other local artists to execute it.</p>
<p>Additionally, we were able to use the footage to create other Airport promotional materials throughout the year. Visit <a href="https://vimeo.com/user9271295">our Vimeo page</a> to see more.</p>
</div></div></div></div><div class="panel-grid-cell" id="pgc-961-3-1" ><div class="so-panel widget widget_black-studio-tinymce widget_black_studio_tinymce panel-first-child panel-last-child" id="panel-961-3-1-0"><div style="padding: 30px;" class="panel-widget-style" ><div class="textwidget"><h2><iframe src="https://player.vimeo.com/video/100754685" width="500" height="281" frameborder="0" allowfullscreen="allowfullscreen"></iframe></h2>
<p><a href="https://vimeo.com/100754685">CHO 60s Commercial</a> from <a href="https://vimeo.com/user9271295">Okay Yellow</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
</div></div></div></div></div><div class="panel-grid" id="pg-961-4" ><div class="siteorigin-panels-stretch parallax-section row-5b420259186e2 panel-row-style" style="background-color:#0a0a0a;background-image: url(http://okayyellow.com/wp-content/uploads/2015/08/AboutUs-Image.jpg);padding-top: 125px; padding-bottom: 125px; border-bottom: 0px solid; " data-stretch-type="full" data-smooth-scrolling="off" data-scroll-speed="1.5" data-parallax-image="http://okayyellow.com/wp-content/uploads/2015/08/AboutUs-Image.jpg" data-parallax-id=".row-5b420259186e2" data-row-id="about-me" ><div class="panel-grid-cell" id="pgc-961-4-0" ><div class="so-panel widget widget_black-studio-tinymce widget_black_studio_tinymce panel-first-child" id="panel-961-4-0-0"><div style="padding: 0px;color: #ffffff;" class="panel-widget-style" ><div class="textwidget"><h2><span style="color: #ffffff;">ABOUT <span style="color: #ffcc00;">US</span></span></h2>
<h3>We help companies communicate, by making their communication more compelling.</h3>
<p>We help businesses execute their branding and marketing strategies through creativity and design. We work directly with you to understand your brand and develop a visual identity for your communications that captures your unique qualities and accurately represents your business or product.</p>
<p>In less obtuse terminology: we design your packaging, marketing and advertising materials.</p>
<p>We're known for our work in the craft beer industry having designed packaging and marketing materials for a number of growing craft breweries, but our work over the last 10 years spans a number of industries including a car dealership, airport, and technology start ups.</p>
<p>We don't provide a one-off, one-time service, but rather, we specialize in developing long-term relationships with clients who value our ability to provide a consistent look for their brand and consistently great customer service. Our longest standing client has been with us for 10 years, and nearly all of our clients have been working with us consistently for at least the last 3 years.</p>
<p>The type of work we've done includes: company logos, event logos, packaging design (bottle labels, cans, 6pks, cases, cartons, and more), print advertising, vehicle wraps, TV commercials, promo videos, and website design.</p>
</div></div></div><div class="so-panel widget widget_sow-social-media-buttons panel-last-child" id="panel-961-4-0-1"><div class="so-widget-sow-social-media-buttons so-widget-sow-social-media-buttons-flat-e762ddb9cbb4"><div class="social-media-button-container">
	
		<a class="ow-button-hover sow-social-media-button-facebook sow-social-media-button" target="_blank" href="https://www.facebook.com/okayyellow" >
			<span>
				<!-- premium-facebook -->
				<span class="sow-icon-fontawesome" data-sow-icon="&#xf09a;" ></span>				<!-- endpremium -->
			</span>
		</a>
	
		<a class="ow-button-hover sow-social-media-button-twitter sow-social-media-button" target="_blank" href="https://twitter.com/okaypaul" >
			<span>
				<!-- premium-twitter -->
				<span class="sow-icon-fontawesome" data-sow-icon="&#xf099;" ></span>				<!-- endpremium -->
			</span>
		</a>
	
		<a class="ow-button-hover sow-social-media-button-envelope sow-social-media-button" target="_blank" href="mailto:hello@okayyellow.com" >
			<span>
				<!-- premium-envelope -->
				<span class="sow-icon-fontawesome" data-sow-icon="&#xf0e0;" ></span>				<!-- endpremium -->
			</span>
		</a>
	</div></div></div></div><div class="panel-grid-cell" id="pgc-961-4-1" >&nbsp;</div></div></div><div class="panel-grid" id="pg-961-5" ><div class="siteorigin-panels-stretch panel-row-style" style="background-color:#ffcc00;padding-top: 10px; padding-bottom: 10px; border-top: 0px solid; border-top-color: #ffcc00; border-bottom: 0px solid; " data-stretch-type="full" ><div class="panel-grid-cell" id="pgc-961-5-0" ><div class="so-panel widget widget_black-studio-tinymce widget_black_studio_tinymce panel-first-child panel-last-child" id="panel-961-5-0-0"><div style="padding: 0px;" class="panel-widget-style" ><div class="textwidget"><img class="alignnone size-full wp-image-1351" src="http://okayyellow.com/wp-content/uploads/2015/08/OkY-Clients-1.png" alt="OkY-Clients" width="3000" height="300"/></div></div></div></div></div></div><div class="panel-grid" id="pg-961-6" ><div class="siteorigin-panels-stretch equal-column-height panel-row-style" style="background-image: url(http://okayyellow.com/wp-content/uploads/2015/08/AboutUs-Brews2.jpg);background-size: cover;padding-top: 0px; padding-bottom: 0px; " data-stretch-type="full-stretched" data-row-id="contact-me" ><div class="panel-grid-cell" id="pgc-961-6-0" ><div class="so-panel widget widget_black-studio-tinymce widget_black_studio_tinymce panel-first-child panel-last-child" id="panel-961-6-0-0"><div style="padding: 60px;background-color:#282828;color: #bababa;" class="panel-widget-style" ><div class="textwidget"><h2><span style="color: #ffffff;">CONTACT</span><span style="color: #1f1f1f;"> <span style="color: #ffcc00;">US</span></span></h2>
<p><div role="form" class="wpcf7" id="wpcf7-f1029-p961-o1" lang="en-US" dir="ltr">
<div class="screen-reader-response"></div>
<form action="/#wpcf7-f1029-p961-o1" method="post" class="wpcf7-form" novalidate="novalidate">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="1029" />
<input type="hidden" name="_wpcf7_version" value="4.4" />
<input type="hidden" name="_wpcf7_locale" value="en_US" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1029-p961-o1" />
<input type="hidden" name="_wpnonce" value="f310565081" />
</div>
<p>Your Name (required)<br />
    <span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span> </p>
<p>Your Company (required)<br />
    <span class="wpcf7-form-control-wrap your-company"><input type="text" name="your-company" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span> </p>
<p>Your Company URL (required)<br />
    <span class="wpcf7-form-control-wrap your-url"><input type="text" name="your-url" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span> </p>
<p>Your Email (required)<br />
    <span class="wpcf7-form-control-wrap your-email"><input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" /></span> </p>
<p>Your Message<br />
    <span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false"></textarea></span> </p>
<p><input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit" /></p>
<div class="wpcf7-response-output wpcf7-display-none"></div></form></div><br /> <!--<br />
<script src="https://form.jotform.com/jsform/30828270944155" type="text/javascript"></script></p>




<p>Please provide a detailed description of your needs, in addition to your contact information.</p>




<p>Downtown<br />
Charlottesville, VA</p>




<p>T: 434.270.0271 <em>Charlottesville Office<br />
E: hello@okayyellow.com</em>--></p>
</div></div></div></div><div class="panel-grid-cell" id="pgc-961-6-1" >&nbsp;</div></div></div></div>																	</div><!-- .entry-content -->
					</div>

				</article><!-- #post-## -->


				
					</main><!-- #main -->
	</div><!-- #primary -->

</div> <!-- end middle -->	
		<footer id="footer" class="col-4">
		<div class="inside clear">
			
						
						
			
			<div class="secondary">

												<div class="left"><p>&copy; 2018 <a href="http://okayyellow.com">Okay Yellow</a> All Rights Reserved.</p></div>
							</div><!-- end footer secondary-->
		</div><!-- end footer inside-->
	</footer>
		
</div> <!-- end main-container -->
</div> <!-- end site-wrap -->
<link rel='stylesheet' id='sow-social-media-buttons-flat-e762ddb9cbb4-css'  href='http://okayyellow.com/wp-content/uploads/siteorigin-widgets/sow-social-media-buttons-flat-e762ddb9cbb4.css?ver=4.9.6' type='text/css' media='all' />
<link rel='stylesheet' id='siteorigin-widget-icon-font-fontawesome-css'  href='http://okayyellow.com/wp-content/plugins/so-widgets-bundle/icons/fontawesome/style.css?ver=4.9.6' type='text/css' media='all' />
<script type='text/javascript' src='http://okayyellow.com/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"http:\/\/okayyellow.com\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","recaptchaEmpty":"Please verify that you are not a robot.","sending":"Sending ...","cached":"1"};
/* ]]> */
</script>
<script type='text/javascript' src='http://okayyellow.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.4'></script>
<script type='text/javascript' src='http://okayyellow.com/wp-content/themes/themetrust-create/js/jquery.actual.js?ver=1.0.16'></script>
<script type='text/javascript' src='http://okayyellow.com/wp-content/themes/themetrust-create/js/smoothscroll.js?ver=0.9.9'></script>
<script type='text/javascript' src='http://okayyellow.com/wp-includes/js/hoverIntent.min.js?ver=1.8.1'></script>
<script type='text/javascript' src='http://okayyellow.com/wp-content/themes/themetrust-create/js/superfish.js?ver=1.7.5'></script>
<script type='text/javascript' src='http://okayyellow.com/wp-content/themes/themetrust-create/js/jquery.waitforimages.min.js?ver=2.0.2'></script>
<script type='text/javascript' src='http://okayyellow.com/wp-content/themes/themetrust-create/js/skrollr.js?ver=0.6.29'></script>
<script type='text/javascript' src='http://okayyellow.com/wp-content/themes/themetrust-create/js/owl.carousel.min.js?ver=1.3.3'></script>
<script type='text/javascript' src='http://okayyellow.com/wp-content/themes/themetrust-create/js/jquery.isotope.js?ver=1.5.25'></script>
<script type='text/javascript' src='http://okayyellow.com/wp-content/themes/themetrust-create/js/jquery.fitvids.js?ver=1.0'></script>
<script type='text/javascript' src='http://okayyellow.com/wp-content/themes/themetrust-create/js/jquery.scrollTo.js?ver=1.4.6'></script>
<script type='text/javascript' src='http://okayyellow.com/wp-content/themes/themetrust-create/js/jquery.prettyPhoto.js?ver=3.1.6'></script>
<script type='text/javascript' src='http://okayyellow.com/wp-content/themes/themetrust-create/js/theme_trust.js?ver=1.0'></script>
<script type='text/javascript' src='http://okayyellow.com/wp-includes/js/wp-embed.min.js?ver=4.9.6'></script>

</body>
</html>