@charset "utf-8";
/*CSS Paul's Community stylesheet*/

/*@font-face {
  font-family: "HeaderFont";
  src: url(custom-fonts/arbutusslab-regular-webfont.woff) format("woff"),
  url(custom-fonts/arbutusslab-regular-webfont.woff2) format("woff2");
	
}*/
body {
	background: url('../images/mazy2.jpg') #b4c2b5;
	background-attachment: fixed;
	font-family: 'Raleway', "sans-serif";
	font-weight: 500;
	font-size: 1.1em;
	color: #000500;
	line-height: 2rem;
	margin: 0;
	padding: 0;
}

#wrapper {
	max-width: 1000px;
	/*margin-top: 10px;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	background-color: #ececec;
	/*position: relative;*/
}

header {
	margin: 0;
	padding: 0;
}

h1, h2 { 
	font-family: 'Arbutus Slab',"Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	text-align: center;
	padding-top: 10px;
}
h2 {
	padding-top: .25rem;
		text-align: center;
}

header h1 { 
margin-top: 0;}

div.paragraph-postphoto {
	clear: both;
}

div.paragraph, div.paragraph-postphoto {
	text-align: left;
	padding:10px;
	margin: 0;
	
}
div.paragraph p, div.paragraph-postphoto p{
	padding: 16px 84px;
	margin: 5px 20px;
}

div p:first-of-type {
	margin-top: 16px;
}

img {
	width: 100%;
}

a {
	text-decoration: none;
	color: #2f5db2;
}

a:hover{
	color:#8e2626;
}

div.images, div.images2  {
	/*width: 80%;
	margin-left: 50px;
	padding-bottom: 20px;*/
	display: flex;
	justify-content: center;
}



div.images figure, div.images2 figure {
	float: left;
	padding-right: 4px;
}

div.images figcaption, div.images2 figcaption {
	text-align: center;
	display: block;
	font-size: .85em;
}

#div-cat {
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}


footer {
	clear: both;
		margin: 0 auto 0;
	padding-bottom: 0;
	background-color: #faf7f2;
	max-width: 1000px;
}

footer a {
	color: #040404;
	
}

footer img {
	width: 100%;
	margin-bottom: 0;padding-bottom: 0;
}

@media only screen and (max-width: 688px) {
	div.paragraph p, div.paragraph-postphoto p {
	padding: 10px;
}

div.paragraph, div.paragraph-postphoto {
	padding: 5px;
	margin: 8px;
}
	
div.images, div.images2  {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
}

@media only screen and (max-width: 440px) {
	div.paragraph p, div.paragraph-postphoto p {
	padding: 5px;
	margin: 8px 6px;
}

div.paragraph, div.paragraph-postphoto {
	padding: 5px;
	margin: 0;
}

}