#logo
{
	position: absolute;
    height: auto;
    right: 0px;
    padding: 20px;
}

#logo img
{
    height: 50px;
	margin: 10px;
}

#logo a
{
    height: auto;
}

#portalProject
{
    top: 60px;
}

.uiImageColor
{
	/*transform: translate(0%, 0%) !important;*/  /*WHITE*/
	transform: translate(0%, -50%) !important;  /*BLACK*/
}

#projectTitle
{
	color: var(--main-font2-color) !important;
}

#userGuide a
{
	color: #368bc7 !important;
}

#menuCameraStatsHeading
{
	background-position-y: 100% !important; /*BLACK*/
	/*background-position-y: 0% !important; *//*WHITE*/
}

/* Intermediate */
@media only screen and (max-width: 55em) /*(max-width: 900px)*/
{
	#logo 
	{
		padding: 0px !important;
		right: 10px !important;
	}
	#logo a
	{
		height: 35px !important;
	}
}

/* Minimum */
@media only screen and (max-width: 41em) /*(max-width: 650px)*/ 
{
	#logo 
	{
		padding: 0px !important;
		right: 10px !important;
	}
	#logo a
	{
		height: 35px !important;
	}
}