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

	div.palkki {
			margin-left: auto;
			margin-right: auto;
			background-color: #FFFFFF;
			justify-content: center;
			display:flex;
			padding: 1px;
	}

	img.kuva{
			height: 85%;
			width: 85%;
			object-fit: contain;
	}

}


@media screen and (min-width:1400px) {
		div.sivucontainer {
			display: flex;	
		}

		div.palkki {
			margin-left: auto;
			margin-right: auto;
			background-color: #FFFFFF;
			padding: 1px;
			width: 106px;
			min-width: 106px;
			
		}

		body {
			background-color: #FFFFFF;
		}
		div.merkintacontainer {
			margin-left: auto;
			margin-right: auto;
			display: flex;	
			flex-flow: row wrap;
			justify-content: center;
			width: 90%;
		}

		div.merkinta {
			float: left;
			color: #000000;
			margin-left: auto;
			margin-right: auto;	
			border-style: solid;
			border-width: 5px;
			width: 90%;
			max-width: 2000px;
			min-width: 600px;
			margin: 1em 1em 1em 1em ;
		}

		div.merkinta:after{
			content: "";
			display: table;
			clear: both;
		}

		div.merkintaotsikko {
			font-weight: bold;
			text-align: center;
			background-color: #FFFFFF;
		}

		div.merkintakuva {
			margin-left: auto;
			margin-right: auto;
			background-color: #FFFFFF;
			width: 100%;
			text-align: center;
		}


		img.kuva {
			height: 100%;
			width: 100%;
			object-fit: contain;
		}

		div.merkintateksti-kuvalla {
			padding: 1em 1em 1em 1em;
			background-color: #FFFFFF;
			color: #000000;
		}

		div.filename {
			background-color: grey;
			color: #FFFFFF;
			margin: 0em 0em 0em 0em;
		}

}

div.merkinta-kuva {
		display: block;	
		margin-left: auto;
		margin-right: auto;
}

p.kuvateksti {
	justify-content: center;
	font-style: italic;
	margin-top: 0px;

}

ol {
	list-style: none; 
	counter-reset: lista
}

li.setup::before {
	content: counter(lista); 
	display: inline-block;
	width: 1em;
  margin-left: -1em
}

li.setup {
	counter-increment: lista
}

div {
  text-align: justify;
  text-justify: inter-word;
}

pre {
	background-color: lightgrey;
	margin: 0em 0em 1em 0em;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

img {
	max-width: 100%;
}