@charset "utf-8";
/* CSS Document */

.border {border:1px solid #000;}
.margin5px {margin:5px;}

div#photoHead {
	position:relative;
}
div#photoHead h3 {
	position: absolute;
	left: 2rem;
	top: 1rem;
	color: white;
	font-size: clamp(1.3rem,2.6vw,2.6rem);
	text-shadow: 3px 3px 3px #000D;
}

div#mainBody {
	display: flex;
	flex-wrap: wrap;
}

div#mainBody h4 {
	color:#FFF;
	background: linear-gradient(#96C, #639);
	clear: both;
	padding:1rem;
}

div#mainBody h4 a {
	color: #FFF !important;
}

div#mainBody>div {
	border-left:1px solid #AAA;
	flex: 1 1;
	min-width: 300px;
}

div.content {
	margin:0;
	padding: 5px;
}

img.rss {
	float:right;
	margin:0px;
}

a.group img {
	border:2px solid #000;
	margin:5px;
}

.twocolumn
{
	-webkit-column-count:2; /* Chrome, Safari, Opera */
	-moz-column-count:2; /* Firefox */
	column-count:2;
}