/* Tällä asetan sivustolle rajat ja fontin */
body
{
	background-color: #696969;
	font-family: arial;
}

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

#pic
{
	border: 2px solid;
	padding: 4px;
}

/* Pelkkä kuva */
#pic img
{
	width: 85%;
	max-width: 500px;
	height: auto;
	border: 2px solid;
}



/* Headerin tyylit */

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

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

/* Päättyy tähän */


/* Itse sivun ruumis */
#bod
{
	display: flex;
	flex-direction: column;
	padding: 5px;
	border: 2px;
	background-color: #ffffff;
}

div[class="yeet"]
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


@media only screen and (min-width: 768px)
{
	#pic
	{
		min-width: 40%;
	}
	
	#bod
	{
		align-items: center;
	}
	
	.change
	{
		display: flex;
		flex-direction: row;
	}
	
	.change p
	{
		padding: 5px;
	}
	
	#intro
	{
		display: flex;
		flex-direction: column;
	}
	
}