@media screen and (orientation: portrait)
{
	.matchreport, 		
	.matchposter,
	.matchprogramme 		{display: block; width: 96%; height: auto; margin-left: 2%; text-align: center;}

	.matchreportcourtesyof	{display: block; font-size: 6pt; width: 100%; text-align: right;}	
	.matchprogrammeviewpage	{font-size: 10pt; margin-top: 5px;}
	.matchprogrammehovertext	{font-size: 1pt; color: white;}

	.matchprogrammeprev 	{left: 20px;}
	.matchprogrammenext 	{right: 20px;}
}

@media screen and (orientation: landscape)
{
	.matchreport, 		
	.matchposter,
	.matchprogramme			{display: block; width: 50%; margin-left: 25%; height: auto; text-align: center;}
	
	.matchreport:hover,
	.matchposter:hover,
	.matchprogramme:hover	{position: relative; -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); z-index: 50;}

	.matchreportcourtesyof	{display: block; font-size: 9pt; width: 50%; margin-left: 25%; text-align: right;}	
	.matchprogrammeviewpage	{font-size: 12pt;}
	.matchprogrammehovertext	{font-weight: bold; text-align: center;}

	.matchprogrammeprev 	{left: 15%;}
	.matchprogrammenext 	{right: 15%;}
} 

summary						{width: 100%; text-align: center; font-size: 14pt; font-weight: bold; color: blue;}

.matchreport,
.matchposter				{border: 1px solid black;}

.matchprogramme 			{vertical-align: middle;}
.matchprogrammeviewpage		{font-weight: bold; text-align: center;}

.matchprogrammeprev,
.matchprogrammenext 		{cursor: pointer; position: absolute; top: 50px; width: auto; background-color: rgba(128,128,128,0.5); padding: 16px; margin-top: -22px; color: cyan; font-weight: bold; font-size: 26px; transition: 0.6s ease; user-select: none; z-index: 55;}

.matchprogrammeprev 		{border-radius: 16px 0 0 16px;}
.matchprogrammenext 		{border-radius: 0 16px 16px 0;}
.slideshow-container 		{position: relative; margin: auto; padding-top: 5px;}