#pic_text_container
{
	display: flex;
	/*padding-bottom: 40px;*/
	border-bottom: 1px dashed rgb(128, 128, 128);
}
.row_flex
{
	flex-direction: row;
}

.col_flex
{
	flex-direction: column;
}
.row_flex > p#project_desc
{
	margin:0;
	margin-left:8%;

}

.col_flex > p#project_desc
{

	font-weight:lighter;
}

.col_flex >img#project_pic
{
	max-width:100%;
	max-height: 150px;
	position:relative;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.row_flex > img#project_pic
{
	max-height: 200px;
	/*max-width: 300px;*/
	max-width: 200px;
}

#pic_text_col_container
{
	display: flex;
	flex-direction: column;
}

#detail_container
{
	padding-top:20px;
}

@media screen and (max-width: 599px)
{
	#content
	{
		margin: 30px auto;
		margin-bottom: 0;
		order: 1;
	}
	.my-gallery
	{
		display: flex;
		flex-flow: column wrap;
		align-content: flex-start;
		justify-content: center;
		border-bottom: rgb(128, 128, 128) dashed 1px;
	}

	.my-gallery > figure
	{
		width: 100%;
		margin:0;
		margin-bottom: 20px;
	}
	.my-gallery > figure > a > img
	{
		width:100%;
	}
}

@media screen and (min-width:600px)
{
	.my-gallery
	{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		border-bottom: rgb(128, 128, 128) dashed 1px;
	}

	.my-gallery > figure
	{
		width:30%;
		margin:0 1.5% 20px 1.5%;
	}

	.my-gallery > figure > a
	{

	}
	.my-gallery > figure > a > img
	{
		max-width:100%;
	}
}

.project_segment > p
{
	text-align: justify;
	font-weight:lighter;

}

#tarof_video
{
	width:100%;
	border: dotted gray 1px;
}

#magazine_flash_obj
{
	 border: 1px dotted gray;
	 max-height:496px;
	 height:496px;
	 min-height: 100%;
}

#click_here
{
	margin:0;
	display: block;
	float: left;
	color: gray;
}