/* ========== (All) ========== */
@media screen
{
	main h2
	{
		background:yellow;
		border-color:black;
		border-radius:15px;
		border-style:solid;
		border-width:2px;
		box-shadow: 2px 2px 2px black;
		display:block; white-space:nowrap;
		position:absolute; left:50%;
		line-height:1.5;
		padding:0 1em;
		text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 3px black, 3px 3px 3px black;
		transform:translateX(-50%);
		top:0.5em;
	}
}




/* ========== (311) ========== */
@media screen and (min-width:311px) and (max-width:479px)
{
	main h2
	{

		top:-1em;
	}
}
/* ========== (311) ========== */





/* ========== (480) ========== */
@media screen and (min-width:480px) and (max-width:719px)
{
	main h2
	{

		top:-1em;
	}
}
/* ========== (480) ========== */





/* ========== (720) ========== */
@media screen and (min-width:720px) and (max-width:1279px)
{
	main h2
	{

		
	}
}
/* ========== (720) ========== */





/* ========== (1280) ========== */
@media screen and (min-width:1280px)
{
	main h2
	{

	}
}
/* ========== (1280) ========== */







/* ========== (All) ========== */
@media screen
{
	#header-txt-title
	{
		top:36vw;
	}
}



/* ========== (311) ========== */
@media screen and (min-width:311px) and (max-width:479px)
{
}
/* ========== (311) ========== */



/* ========== (480) ========== */
@media screen and (min-width:480px) and (max-width:719px)
{
}
/* ========== (480) ========== */



/* ========== (720) ========== */
@media screen and (min-width:720px) and (max-width:1279px)
{
	#header-txt-title
	{
		top:39vw;
	}
}



/* ========== (1280) ========== */
@media screen and (min-width:1280px) and (max-width:1919px)
{
	#header-txt-title
	{
		top:39vw;
	}
}



/* ========== (1920) ========== */
@media screen and (min-width:1920px)
{
	#header-txt-title
	{
		top:420px;
	}
}