/* VIEWPORT */
#info-viewport{
	padding: 10px;
	position: fixed;
	bottom: 160px;
	right: 0px;
	background-color: rgba(0,0,0,1.00);
	color:rgba(255,255,255,1.00);
	font-size: 11px;
	z-index: 1;
	width: 40px;
	height: 40px;
	/*display:none;*/
	/*font-size: 0px;
	width: 0px;
	height: 0px;
	padding: 0px;*/
	opacity:.03;
}
#info-viewport:after{
	content: 'xxs';
}
@media screen and (min-width: 480px){
	#info-viewport{
		z-index: 2;
		/*z-index: 1000;*/
	}
	#info-viewport:after{
		content: 'xs';
	}
}
@media screen and (min-width: 576px){
	#info-viewport{
		z-index: 3;
		/*z-index: 1000;*/
	}
	#info-viewport:after{
		content: 'sm';
	}
}
@media screen and (min-width: 768px){
	#info-viewport{
		z-index: 4;
		/*z-index: 1000;*/
	}
	#info-viewport:after{
		content: 'md';
	}
}
@media screen and (min-width: 992px){
	#info-viewport{
		z-index: 5;
		/*z-index: 1000;*/
	}
	#info-viewport:after{
		content: 'lg';
	}
}
@media screen and (min-width:1200px){
	#info-viewport{
		z-index: 6;
		/*z-index: 1000;*/
	}
	#info-viewport:after{
		content: 'xl';
	}
}
/* /VIEWPORT */