/*BRANDING*/

.oscn-brand {
	display: block;
	position: absolute;
	width: 300px;
	height: 5.5rem;				
}
.oscn-logo {
	/*background-image: url(https://www.oscn.net/static/supreme-court-seal-updated-color.svg);*/
	background-position: center center;
	width: 5rem;
	height: 5.5rem;
	background-repeat: no-repeat;
}
.oscn-logo img {
    position: absolute;
    width: auto;
    height: 90%;
    top: 50%;
    transform: translateY(-50%);
}
.oscn-full-name {
	visibility: hidden;								
	position: absolute;
	top: 0.2rem;
	left: 5.5rem;
	font-weight: 600;
	line-height: 1.25rem;
	font-size: 1.25rem;
	color: white;				
}
.oscn-abbreviation {
	position: absolute;
	top: 2.1rem;
	font-size: 2.5rem;
	line-height: 1.25rem;
	font-weight: 900;				
	color: white;
	left: 5.5rem;
	
	opacity: 1;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}
.nav_container .oscn-brand:before {				
	content: '';
	top: 0;
	display: block;
	height: 5.5rem;
	width: 300%;
	position: absolute;
	left: -75%;
	z-index: -1;
	/*background-image: url(https://www.oscn.net/static/supreme-court-seal-updated.svg);*/
	background-image: url(https://www.oscn.net/static/supreme-court-seal-updated-color.svg);

	background-repeat: no-repeat;
	background-size: 700px;
	background-position: 50%;
	
	filter: grayscale(100%);
	opacity: 0.075;	
} 

.oscn-brand:hover .oscn-full-name {
	visibility: visible;
}
.oscn-brand:hover .oscn-abbreviation {
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}