/* Adjusts title art segments so that they shrink and stack */

	@media screen and (min-width: 320px) and (max-width: 1023px)
	{
		.titleL
		{
			width: 185px;
			height: 77px;
			left: -2px;
			background-image: url(../images/home/CN-masthead-left-77-high.png);
		}

		.titleR
		{
			width: 207px;
			height: 77px;
			margin-right: 17px;
			background-image: url(../images/home/CN-masthead-right-77-high.png);
		}
	}

	/* The following tweaks the "Notions" further to the right and upward when titles are stacked */
	@media screen and (min-width: 768px) and (max-width: 799px)
	{
		.titleL
		{
			width: 185px;
			height: 77px;
			left: -2px;
			background-image: url(../images/home/CN-masthead-left-77-high.png);
		}

		.titleR
		{
			width: 207px;
			height: 77px;
			left: 30px;
			top: -10px;
			margin-right: 17px;
			background-image: url(../images/home/CN-masthead-right-77-high.png);
		}
	}

	@media screen and (max-width: 479px)
	{

		h1
		{
			font-size:150%;
		}

	}