/* The logo sits above the photos.
   The two numbers below are the ones to change if it needs nudging:
   --tig-top   how far down the page the logo starts
   --tig-w     how wide the logo is                                  */
#tig-logo {
	--tig-top: 150px;
	--tig-w: 300px;
	position: absolute;
	top: var(--tig-top);
	left: 50%;
	width: var(--tig-w);
	margin-left: calc(var(--tig-w) * -0.5);   /* keeps it centred */
	z-index: 9990;
	display: block;
	line-height: 0;
	will-change: transform;
}
#tig-logo img {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
}

/* When you are logged in, WordPress adds a 32px black bar across the top.
   This keeps the logo in the same place relative to the page either way. */
.admin-bar #tig-logo {
	top: calc(var(--tig-top) + 32px);
}

/* As before, the logo is hidden on phones and small tablets. */
@media (max-width: 767px) {
	#tig-logo { display: none; }
}