/* CSS Document */


/* Dataviz Responsive Website: Header CSS */

#dvz_hdr_container {
	background-color: #FFF;
	background-image: url(../images/dvzwebheader.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top;
}
#headerwrapper {
	width: 100%;
	margin-top: 3.771551724%; /* 35px */
	margin-left: 3.771551724%; /* 35px */
	margin-right: 3.771551724%; /* 35px */
	display:inline-block
}
#dvzlogo {
	width: 25.9%; /* 246px */
	float: left;
	margin-bottom: 1.07759%; /* 10px */
	margin-right: 1.07759%; /* 10px */
}
#dvzlogo img {
	max-width: 100%;
	height: auto;
}
#logobar {
	width: 40.6%; /* 398px */
	height: auto;
	float: left;
	margin-top: 1.29032258%; /* 12px */
	margin-bottom: 1.29032258%; /* 12px */
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.125em; /* 18px */
	color: #EEE;
	padding-top: 1.507537688%; /* 6px */
	padding-right: 1.507537688%; /* 6px */
	padding-bottom: 1.507537688%; /* 6px */
	background: #bfbfbf; /* Old browsers */
	background: -moz-linear-gradient(top,  #bfbfbf 0%, #938888 47%, #7a6a6a 47%, #9e9e9e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbfbf), color-stop(47%,#938888), color-stop(47%,#7a6a6a), color-stop(100%,#9e9e9e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bfbfbf 0%,#938888 47%,#7a6a6a 47%,#9e9e9e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bfbfbf 0%,#938888 47%,#7a6a6a 47%,#9e9e9e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bfbfbf 0%,#938888 47%,#7a6a6a 47%,#9e9e9e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bfbfbf 0%,#938888 47%,#7a6a6a 47%,#9e9e9e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#9e9e9e',GradientType=0 );
}
#socialwrap {
	width: 26%; /* 195px */
	float: left;
	margin-left: 1.077586206%; /* 10px */
	margin-top: 1.29032258%; /* 12px */
	margin-bottom: 1.29032258%; /* 12px */
}
.sociallink {
	width: 22.564102564%; /* 44px */
	float: left;
	margin-left: auto; /* 4px */
	margin-right: auto; /* 2px */
}
.sociallink img {
	max-width: 100%;
	height: auto;
}

/* Dataviz Header Media Queries: 768px*/

@media screen and (max-width: 769px) {
	#dvzlogo {
	float: none;
	margin:0;
	}
	#logobar {
	width: 58%;
	font-size: 1.06em;
	}
	#socialwrap {
	width: 32%;
	margin-left: 1.73%;
	}
	.sociallink {
	width: 25%;
	}
	.sociallink img {
	max-width: 72%;
	height: auto;
	}
}

/* Dataviz Header Media Queries: 480px*/


@media screen and (max-width: 541px) {
	#dvzlogo {
	width: 92.7%;
	float: none;
	margin-bottom: 2.43%; 
	}
	#dvzlogo img {
	max-width: 58%;
	height: auto;
	}
	#logobar {
	width: 89.8569%;
	font-size: 1.06em;
	text-align: center;
	float: none;
	padding-top: 2.1%;
	padding-bottom: 2.1%;
	margin-right:3.77155%;
	}
	#socialwrap {
	width: 80%;
	margin-left: 10.2%;
	margin-right: 10.2%;
	margin-top: 2.6%;
	margin-bottom: 3.6%;
	}
	.sociallink img {
	max-width: 64%;
	height: auto;
	}
}
@media screen and (max-width: 481px) {
	#logobar {
	width: 90.2569%;
	}
}
@media screen and (max-width: 396px) {
	#logobar {
	width: 90.8569%;
	}
}