.story-text {
			background-color: transparent;
			max-width: 700px;
		}

		story-text,
		p {
			width: 85%;
			margin: auto;
			font-size: 1em;
			color:#252424;
			margin-bottom: 0.5em;
			padding: 0;
		}

		.entry-content, h6 {
			text-align: center;
			padding-bottom: 1em;

		}
		.entry-content, h5 {
			text-align: center;
			margin-left: 15%;
			width: 70%;
			padding-bottom: 1em;

		}

		.img-fluid {
		max-width: 60%;
		height: auto;
        margin-top: 1em;
		margin-left: 20%;

		}

		h4, h6{
		color: #fff;
		}
		/* h1,h2,h3,h4,p {
		font-family: 'PT Serif', serif;
		margin: 0;

		} */
		.banner-area {
			background-color: #fff;
			height: 330px;
			margin-bottom: 0px;
		}
		

		.story-text-area {
			background-color: #fff;
			border-top: 5px solid var(--gold);
			padding-bottom: 200px;
		}

		.overlay {
			padding: 3em;
			
		}

		@media screen and (max-width: 820px) {
			.overlay {
			padding: 2em;
			
		}
		}

		.article-text {
			color: var(#fff);
			text-align: center;
			text-shadow: 3px 3px 7px black;
			h3 {
				color: #fff;
			}
		}

		.article-title {
			color: #fff;
			width: 100%;
			height: 90px;
		}

		.entry-content {
			color: black;
			font-size: 1.1em;
			font-weight: 600;
			font-style: italic;
		}

		.story-intro {
			color: black;
			padding-top: 5em;
		}
		.container-story {
			width: 80%;
			margin-left: auto;
			margin-right: auto;
			font-family: Helvetica;
			font-size: 18px;
		}
        header {
            border-bottom: var(--gold);
        }

        footer {
            color: #fff;
            p {
                color: #fff;
            }
        }