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


@font-face{font-family:'brown';src:url("https://www.logitech.com/asset/fonts/lineto-brown-pro-light.woff") format("woff");font-weight:200;font-style:normal}
@font-face{font-family:'brown';src:url("https://www.logitech.com/asset/fonts/lineto-brown-pro-regular.woff") format("woff");font-weight:300;font-style:normal}
@font-face{font-family:'brown';src:url("https://www.logitech.com/asset/fonts/lineto-brown-pro-bold.woff") format("woff");font-weight:800;font-style:normal}

[style*="Brown-Light"] {
  font-family: 'Brown', Arial, Helvetica, Verdana, sans-serif !important;
  font-weight: 200 !important;
}
/* use style="font-family:Arial, sans-serif, 'Brown-Light'; font-weight:regular;" */

[style*="Brown-Regular"] {
  font-family: 'Brown', Arial, Helvetica, Verdana, sans-serif !important;
  font-weight: 300 !important;
}
/* use style="font-family:Arial, sans-serif, 'Brown-Regular'; font-weight:regular;" */

[style*="Brown-Bold"] {
  font-family: 'Brown', Arial, Helvetica, Verdana, sans-serif !important;
  font-weight: 800 !important;
}
/* use style="font-family:Arial, sans-serif, 'Brown-Bold'; font-weight:bold;" */

.header-primary {
	width: 100%;
	height: 300px;
	background-color: #333333;
	background-image: url("http://preview.4at5.net/email_domains/yes/hub_pages/images/splash.jpg");
	background-repeat: no-repeat; 
	background-size: cover;
}

.header-secondary {
	width: 100%; 
	height: 110px; 
	position: fixed;
	z-index: 4;
	background-color: #333333;
	background-image: url("http://preview.4at5.net/email_domains/yes/hub_pages/images/splash.jpg");
	background-size: cover;
	font-family: Arial, sans-serif ;
	color: #ffffff;
	
}


.header-yes-logo {
	float: left;
	padding: 35px 0px 20px 30px;
	
}

.header-yes-logo::after {
	content: " " url("http://preview.4at5.net/email_domains/yes/hub_pages/images/da_logo_40px.png");
    
}


.header-client {
	width: 100%; 
	text-align: center; 
	display: inline-block; 
	font-family: 'Brown-Bold',Arial, sans-serif ; 
	font-size: 24px; 
	color: #FFFFFF; 
	text-transform: uppercase;
	font-weight: 700;
	padding: 0px 0px 5px 0px;
}

.header-title {
	width: 100%; 
	text-align: center; 
	display: inline-block; 
	font-family: 'Brown-Light', Arial, sans-serif ; 
	font-size: 72px; 
	color: #ffffff;
	font-weight: normal;
	line-height: 62px;
}

.header-nav {
	float: right;  
	width: 280px;
	height: 50px;
	text-align: right;
	display: inline-block;
	padding: 42px 40px 20px 0px;
	font-family: Arial, sans-serif ;
	font-size: 16px;
	line-height: 26px;
	text-transform: uppercase;

}


.header-nav-link {
	color: #eeeeee;
	text-decoration: none;
}


.header-nav-content::after {
	content: "\2039  Client Name Creative Hub";
}