body {
	font-family: 'Lora', serif;
	margin: 0;
	padding: 0;
	background-color: #E6D5B8;
	color: #3B2F2F;
	font-size: 20px; /* Increased text size */
}

header {
	background-color: #5C3A1E;
	padding: 20px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: white;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.logo {
	font-size: 28px;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.logo img {
	height: 80px;
	margin-right: 10px;
}

nav {
	display: flex;
	gap: 30px;
}

nav a {
	display: inline;
	color: white;
	text-decoration: none;	
	font-size: 18px;
}

.hero {
	position: relative;
	width: 100%;
	height: 90vh;
	overflow: hidden;
}

.hero video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-content {
	position: absolute;
	top: 50%;
	right: 5%;
	transform: translateY(-50%);
	text-align: right;
	color: white;
	padding: 20px;
	border-radius: 10px;
}

.hero-content p {
	margin: 5px 0;
	font-size: 58px;
	font-weight: bold;
}
.cta, .footer {
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	text-align: center;
	font-size: 22px; /* Slightly larger CTA and footer text */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.cta{
	background: #5C3A1E;
	color: white;
}

.cta{
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	text-align: center;
	font-size: 22px; /* Slightly larger CTA and footer text */
}
.cta button{
	background: black;
	color: white;
	border: none;
	padding: 14px 30px;
	font-size: 20px;
	cursor: pointer;
	border-radius: 5px;
	margin-top: 20px;
}
.footer {
	background: #3B2F2F;
	color: white;
	margin-top: 0; /* Removed space between footer and CTA */
}
.container { width: 80%; margin: 0 auto; }
.column { width: 48%; float: left; padding: 10px; border: 1px solid black; }
.clearfix { clear: both; }
.absolute { position: absolute; top: 20px; left: 20px; }
.relative { position: relative; left: 10px; }
.fixed { position: fixed; top: 0; right: 0; background: yellow; padding: 10px; }
.float-left { float: left; margin-right: 10px; }
.float-right { float: right; margin-left: 10px; }
.button-container {
	margin: 20px;
	text-align: center;
}

.btn-default {
	padding: 10px 20px;
	font-size: 16px;
	background-color: #5C3A1E;
	color: white;
	border: none;
	cursor: pointer;
}

.btn-rounded {
	padding: 10px 20px;
	font-size: 16px;
	background-color: #E6D5B8;
	color: #3B2F2F;
	border-radius: 20px;
	border: 2px solid #3B2F2F;
	cursor: pointer;
}

.btn-large {
	padding: 20px 40px;
	font-size: 20px;
	background-color: #3B2F2F;
	color: white;
	border: none;
	cursor: pointer;
}