/* QH Header Strip */

#headerstrip{
	padding:5px;
	background:rgba(0,0,0,.5);
	font-size:14px;
	text-align:left;
	height:25px;
	position:fixed;
	width:100%;
	z-index: 1000;
	top:0
}
nav {
	margin:5px;
	font-family: "futura-pt",sans-serif;
}
nav a {
	border:0;
	color:#fff;
	padding:5px 10px;
	cursor:pointer;
	text-decoration:none;
	font-weight:bold;
	opacity:.6;
	text-transform:uppercase;
}
nav a:hover, nav a.active {color:#fff;opacity:1}
nav .qhlogotype {
	background:url(../images/qhheader_logo.png) no-repeat left center;
	background-size: contain;
	width:236px;height:22px;
	text-indent:-1000px;
	overflow:hidden;
	float: left;
    height: 12px;
    margin-top: -4px;
}
nav .qhlogo {
	background:url(../images/mask.png) no-repeat left center;
	background-size: 25px;
	width:auto;
	height:25px;
	text-indent:-1000px;
	overflow:hidden;
	float: none;
    margin: 5px 7px;	
    padding:0;	
    display:none;
}

/* Socialz*/
.twitter-share-button{margin-top:2px;}
#social{float:right;}
#tweet{padding-right:10px;float:right;}
#bit{float:right;}
#spotify{float:right;padding:0 10px;margin-top: -2px}

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

	#headerstrip {padding:0;height:35px;}
	#social{margin-top:5px;}

	nav {margin:0;}
	nav span {display:none}
	nav a {
		display:block;
		background:rgba(0,0,0,.5);
		padding:6px;
		margin-bottom:1px;
		font-size:15px;
	}
	nav .qhlogo {display:block;}
	nav .qhlogotype {display:none;}

	.vid {width:100%;}


}