/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 09 2024 | 00:35:23 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.home-hero {
	padding-inline: 30px;
	color: white;
	font-family: 'Playfair Display', serif;
	font-size: 72px;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 4px rgb(0 0 0 / 0.5);
}

.page-title {
	border-left: 8px solid var(--accent);
	padding-left: 16px;
}

@media (max-width:1260px) {
	.one-container .site-content {
		padding: 30px;
	}
	.home-hero {
		font-size: 60px;
	}
}

@media (max-width:781px) {
	.home-hero {
		font-size: 40px;
	}
}

@media (max-width:599px) {
	.home-hero {
		font-size: 30px;
	}
}