/* LAYOUT */

body {
  color: #aaa;

	/*   <!--background-color: rgb(15,14,17);--> */
	color: #e6edf3;
	background-color: rgb(18,17,20);
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
	font-size: 16px;
	line-height: 1.5;
	max-width: 100%;
	padding: 0;
	margin: 0 auto;
	

}

.gallery-content{
	margin: auto; 
	max-width: 80rem; 
}
.gallery-grid{
	margin: auto; 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.content {
	margin: auto; 
	max-width: 45rem; 
	padding: 0px 8px 20px 8px; 
	
	/*background: linear-gradient(180deg,rgba(0,0,0,0) 0%, rgba(120,100,60,.05) 75%, rgba(22,22,22,1) 82%); background-size: 100% 20px; background-position: bottom; background-repeat: no-repeat;*/
}


.md-img-cap {
	min-width: 200px;
	max-width: 400px;
	min-height: 30px;
	
	text-align: center;
	padding: 10px;
	color: #ccc;
	background-color: inherit;
	margin: auto;
}

.md-img-box {
	background-color: inherit;
	text-align: center;
	display: block;
	margin: auto;
	padding: 10px;
}

.md-img {
	max-width:480px;
	margin: auto;
}

img {
	overflow-clip-margin: content-box;
	box-sizing: content-box;
	max-width: 100%;
}

img[align="right" i] {
	padding-left: 20px;
}

a {
	text-decoration: none;
	color-scheme: dark;
	color: #d09010;
}

a:hover {
	color: #d09010;
    text-decoration: underline;
}

r-thumbnail
{
	padding-left: 20px;
}

h1 {
	font-weight: 600;
	border-bottom: 1px solid #21262d;
	margin: 0px;
	font-size: 2em;
	padding-bottom: .3em;
}

h2 {
	font-weight: 600;
	border-bottom: 1px solid #21262d;
	font-size: 1.5em;
	padding-bottom: .3em;
	margin-top: 24px;
	margin-bottom: 16px;
}

p {
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 16px;
}

footer {
	text-align: right;
	color: #444;
	max-width: 45rem;
	margin: auto;
}