@media screen and (orientation: portrait)
{
	h1.article				{font-size: 20pt;}
	h2.article				{font-size: 16pt;}
	h3.article				{font-size: 12pt;}

	.articledetails			{width: 98%; margin-left: 1%; text-align: justify; font-size: 14pt;}
	.author					{width: 98%;}
	.references				{display: block; font-size: 6pt; width: 100%;}
	img.withinreport		{width: 40%; height: auto; text-align: center; margin-right: 8px; margin-top: 3px; float: left;}
	img.withinreportportrait	{width: auto; height: 200px; text-align: center; margin-right: 8px; margin-top: 3px; float: left;}
	img.withinreportright	{width: 40%; height: auto; text-align: center; margin-left: 8px; margin-top: 3px; float: right;}
	img.withinreportrightportrait	{width: auto; height: 200px; text-align: center; margin-left: 8px; margin-top: 3px; float: right;}
}

@media screen and (orientation: landscape)
{
	h1.article				{font-size: 60pt;}
	h2.article				{font-size: 42pt;}
	h3.article				{font-size: 30pt;}

	.articledetails			{width: 70%; margin-left: 15%; text-align: justify; font-size: 18pt; display: inline-block;}
	.author					{width: 70%; margin-left: 15%;}
	.references				{font-size: 9pt;display: block; font-size: 9pt; width: 50%; margin-left: 25%;}
	img.withinreport		{width: 35%; height: auto; text-align: center; margin-right: 20px; margin-top: 5px; float: left; transition: .2s; z-index: 100;}
	img.withinreport:hover	{-ms-transform: scale(1.65); -webkit-transform: scale(1.65); transform: scale(1.65); z-index: 100;}
	img.withinreportportrait		{width: auto; height: 300px; text-align: center; margin-right: 20px; margin-top: 5px; float: left; transition: .2s; z-index: 100;}
	img.withinreportportrait:hover	{-ms-transform: scale(1.65); -webkit-transform: scale(1.65); transform: scale(1.65); z-index: 100;}
	img.withinreportright	{width: 35%; height: auto; text-align: center; margin-left: 20px; margin-top: 5px; float: right; transition: .2s; z-index: 100;}
	img.withinreportright:hover	{-ms-transform: scale(1.65); -webkit-transform: scale(1.65); transform: scale(1.65); z-index: 100;}
	img.withinreportrightportrait		{width: auto; height: 300px; text-align: center; margin-left: 20px; margin-top: 5px; float: right; transition: .2s; z-index: 100;}
	img.withinreportrightportrait:hover	{-ms-transform: scale(1.65); -webkit-transform: scale(1.65); transform: scale(1.65); z-index: 100;}
}

h1.article					{font-weight: bold; text-align: center;}
h2.article					{font-weight: bold; text-align: center;}
h3.article					{font-weight: bold; text-align: center;}

.articledetails				{padding: 10px 0px; display: inline-block;}
.articledetailscentre		{text-align: center; font-weight: normal;}
.author						{text-align: right; font-style: italic; padding-top: 20px;}
.paragraphtitle				{font-size: 18pt; font-weight: bold; text-align: left; margin: 0;}
.references					{font-weight: bold; text-align: center;}