body {	
	font-family: arial;
}
		
.home{
	position: absolute;
	left: 20px;
	top: 20px;
	font-family: arvo;
	font-size: 1em;
	color: darkred;
}

.project_link_box_outer{
	position: relative;
	width: 50%;
	max-width: 300px;
	padding: 0.5em;
	padding-left: 1.24em;
	/* border: 0.4em solid rgb( 255, 200, 200); */
	border: 0.2em solid rgb( 255, 180, 180);
	background-color: white;
	font-size: 1.2em;
	color: darkred;
}

a{
	text-decoration: none;
}

.central_column {
	position: relative;
	left: 2em;
	top: 100px;
	/* max-width: px; */
	min-height: 500px;
	min-width: 300px;
	max-width: 1024px;
	border-width: 1px;
	border-color: rgb( 0, 0, 255 );
	/* margin-bottom: 150px; */
	/* background-color: rgb( 220, 220, 220 ); */
	font-family: arial;
	font-size: 1em;
	line-height: 1.7em;
	color: rgb( 130, 130, 130);
}

.headline{
	width: 80%;
	color: darkred;
	font-size: 2.2em;
	line-height: 1.3em;
	font-family: arvo;
}

.mini_mini_heading{ 
	color: #8b0000;
}

.body__text_area{
	position: relative;
	width: 80%;
	max-width: 510px;
	/* max-width: 510px; */
}

.imagebox{
	position: relative;
	left: 0px;
	/* left: -10%; */
	width: 70%;
	max-width: 1000px;
	min-width: 400px;
	margin: 50px;
	margin-left: 0px;
	margin-right: 250px;
	margin-bottom: 0%;
	padding: 10px;
	border: 1px solid rgb( 230, 180, 180 );
}

.imagebox_90pc_width{
	position: relative;
	left: 0px;
	/* left: -10%; */
	width: 90%;
	max-width: 1000px;
	min-width: 400px;
	margin: 50px;
	margin-left: 0px;
	margin-right: 250px;
	margin-bottom: 0%;
	padding: 10px;
	border: 1px solid rgb( 230, 180, 180 );
}



.caption_text{
	position: relative;
	left: 0em;	
	font-size: 1em;
	color: rgb( 170, 170, 170);
	position: relative;
	top: 9px;
	margin-bottom: 4em;
	margin-right: 4em;
	width: 70%;
	max-width: 700px;
	min-width: 400px;	
	font-style: italic;
}

img{
	max-width: 90%;
	/* min-width: 400px; */
	height: auto;
}

.img_100pc_width{
	max-width: 100%;
	/* min-width: 400px; */
	height: auto;
}
/* -- even smaller area -- */
@media (max-width:600px) { 		

	.central_column {
		left: 0px;
		max-width: 90%;
	}


	img{
		width: 90%;
		max-width: 390px;
		/* min-width: 400px; */
		height: auto;
	}

	.imagebox{
		max-width: 90%;
		min-width: 300px;
		margin: 00px;
		margin-right: unset;
		margin-bottom: 0%;
		margin-top: 25px;
		margin-bottom: 00px;
	}		

	.body__text_area {
		max-width: 400px;
		font-size: 18px;
		line-height: 24px;
	}	

}