/* ## OverOns ## */

section#overOns {
    margin-top: 8em !important;
    margin-bottom: 2em !important;
    padding: 0 var(--side-white-space--);
    padding-top: 2em !important;
    background: var(--color-text--);
    color: var(--color-text-white--);
    gap: 20px;
}

article.story {
	position: relative;
	left:30%;
	right: 30%;
	border: 1px solid var(--color-gray--);
	max-width: 50em;
	margin-bottom: 2em;
	padding: 1em;
	box-shadow: 10px 5px 5px var(--color-gray--);
}

article.story:nth-child(odd) {
	left:10%;
}

article.story > div {
	/*display:flex;
	flex-wrap: wrap;*/
	display: inline-block;
	position: relative;
}

article.story > div > p {
	padding: 0;
	text-indent: 0;
	text-align: justify;
	display: inline;
}

article.story > h2 {
	font-size: 2.2em;
	margin-bottom: 0.2em;
	text-align: center;
}

article.story > hr {
	width: 80%;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	border: 1px solid var(--color-yellow--);
}

article.story > div > picture > img {
	max-width: 20em;
	max-height: 20em;
	margin: 1em;
	box-shadow: 0px 0px 5px var(--color-gray--);
	border: 1px solid var(--color-gray--);
	float: right;
	display: block;
	aspect-ratio: initial;
}

article.story > address {
	padding: 0 1em;
	font-size: 0.8rem;
}

@media only screen and (max-width: 1000px) {
	article.story > div > p {
		display: inline-block;
	}
}

@media only screen and (max-width: 720px) {
	article.story {
		left: 0em !important;
	}
}