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

main {
	background-image: url("../images/backgrounds/marble-bg.jpg");
    background-size: cover;
    background-attachment: fixed;
}

.content-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	border-bottom: 2px solid #387538;
	margin: 0px auto;
	padding: 20px 15px 15px;
}
.content-container a {
	color: black;
}
.content-container h2 {
	padding-bottom: 10px;
}
.content-container img {
	max-width: 100%;
}

.tencommandments, .beatitudes {
	flex: 1;
	column-count: 2;
	background-image: url("../images/backgrounds/paper-parchment.png");
	background-attachment: local;
	background-size: cover;
	background-color: white;
	border: 15px ridge #7C4A09;
	border-radius: 10px;
	margin: 10px;
	padding: 10px 15px 10px 0px;
	text-align: center;
}
.tencommandments h2, .tencommandments ol, .beatitudes h2, .beatitudes ol {
	margin: 0px;
}
.tencommandments ol, .beatitudes ol {
	text-align: justify;
}

@media (max-width: 900px) {
	.content-container {
		flex-direction: column;
		padding: 5px;
		font-size: 14px;
	}
}