body
{
	background-color: #696969;
	font-family: arial;
}

#pageWrapper > div
{
	border: 2px solid;
}

#header
{
	border: 2px solid;
	padding: 10px;
	background-color: #f59b42;
	display: flex;
}

#header a[class="nav"]
{
	border: 2px solid;
	color: #000000;
	padding: 7px;
	font-size: 18px;
	
}

.name
{
	margin: 0;
}


#bod
{
	border: 2px solid;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 5px;
	border: 2px;
	background-color: #ffffff;
}

.workTime
{
	margin: 0;
	padding: 2px;
	display: flex;
	justify-content: left;
}

#list
{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#work
{
	display: flex;
	flex-direction: column;
	padding: 5px;
}

#work img
{
	width: 270px;
	height: auto;
	border: 4px solid;
}


#desc
{
	display: flex;
	justify-content: space-between;
}

#more
{
	display: none;
}

.more
{
	border: 2px solid;
	padding: 5px;
	font-size: 17px;
	color: #000000;
	padding: 2px;
}

.summary
{
	padding: 4px 6px;
	border: 2px solid;
}

.textbox
{
	display: none;
	color: #000000;
}

@media only screen and (max-width: 895px)
{
	.iPad-only
	{
		
	}
	.textbox
	{
		width: 270px;
		border: 2px solid;
		padding: 5px;
	}
	.iPad-min
	{
		display: none;
	}
}

@media only screen and (min-width: 895px)
{
	.iPad-only
	{
		display: flex;
		flex-direction: row;
	}
	
	.summary
	{
		display: none;
	}
	
	.textbox
	{
		/* Yllättävän yksinkertainen tapa saada napista syntynyt
		teksti pois näkyvistä. */
		visibility: hidden;
		width: 0px;
		height: 0px;
	}
	
	p[class="iPad-min"]
	{
		width: 140px;
		border: 2px solid;
		padding: 5px;
	}
	
	#text-box
	{
		display: none;
	}
}