.banner-section {
	 height: 600px;
}
 @media (max-width: 1920px) {
	 .banner-section {
		 height: 31.25vw;
	}
}
 #banner {
	 height: 600px;
}
 @media (max-width: 1920px) {
	 #banner {
		 height: 31.25vw;
	}
}
 .back-to-home {
	 position: fixed;
	 top: 20px;
	 left: 20px;
	 z-index: 1000;
	 background-color: var(--primary-color);
	 color: var(--dark-bg);
	 padding: 10px 20px;
	 border-radius: 20px;
	 text-decoration: none;
	 transition: background-color 0.3s ease;
}
 .back-to-home:hover {
	 background-color: #8b6d3d;
	 color: var(--light-text);
}
 .article-content {
	 font-size: 1.1rem;
	 line-height: 1.8;
	 color: var(--light-text);
}
 .article-image {
	 max-width: 80%;
	 height: auto;
	 border-radius: 8px;
	 margin: 2rem 0;
}
 .back-to-home {
	 position: fixed;
	 top: 20px;
	 left: 20px;
	 z-index: 1000;
	 background-color: var(--primary-color);
	 color: var(--dark-bg);
	 padding: 10px 20px;
	 border-radius: 20px;
	 text-decoration: none;
	 transition: background-color 0.3s ease;
}
 .back-to-home:hover {
	 background-color: #8b6d3d;
	 color: var(--light-text);
}
 .timeline {
	 position: relative;
	 padding-left: 30px;
	 margin-bottom: 30px;
}
 .timeline::before {
	 content: '';
	 position: absolute;
	 left: 0;
	 top: 5px;
	 bottom: 0;
	 width: 2px;
	 background: var(--primary-color);
}
 .timeline-item {
	 position: relative;
	 padding-bottom: 20px;
}
 .timeline-item::before {
	 content: '';
	 position: absolute;
	 left: -34px;
	 top: 5px;
	 width: 10px;
	 height: 10px;
	 border-radius: 50%;
	 background: var(--primary-color);
}