@import url("bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {
	background-color: #dad6cf;
	font-family: "Inter", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 400;
  	font-style: normal;
}

.grid-head {
	display: grid; 
	grid-template-columns: 100%; 
	grid-template-rows: min-content;
	gap: 0px 0px; 
	grid-template-areas: 
    	"head";
}

.head {
	display: grid; 
	grid-template-columns: 50% 50%; 
	grid-template-rows: auto auto; 
	gap: 0px 0px; 
	grid-template-areas: 
    	"headlft headrgt"
    	"headtit headtit"; 
	grid-area: head;
	background-color: #dad6cf;
}

.headtit {
	justify-self: stretch; 
	align-self: stretch; 
	align-content: center;
	grid-area: headtit; 
	text-align: center;
	background-color: #fff;
}

.headlft {
	justify-self: stretch; 
	align-self: stretch;
	align-content: center;
 	text-align: left;
	grid-area: headlft;
}

.headrgt {
	justify-self: stretch; 
 	align-self: stretch; 
 	align-content: center;
 	text-align: right;
 	grid-area: headrgt;
}

.headlft p {
	margin: 10px;
	padding: 0px;
	font-size: 14px;
	color: #5c4626;
	letter-spacing: 1px;
	line-height: 21px;
}

.headlft a {
	color: #5c4626;
}

.headlft a:hover {
	text-decoration: none;
	color: #5c4626;
}

.headrgt p {
	margin: 10px;
	padding: 0px;
	font-size: 14px;
	color: #5c4626;
	letter-spacing: 1px;
	line-height: 14px;
}

.headtit h1 {
	margin: 20px 0px;
	padding: 0px;
	font-size: 36px;
	font-weight: 700;
	color: #5c4626;
	letter-spacing: 1px;
}

.section h2 {
	font-size: 36px;
	font-weight: 700;
	color: #5c4626;
	border-top: 3px #5c4626 solid;
	padding-top: 20px;
	letter-spacing: 1px;
}

.section p {
	font-size: 18px;
	color: #5c4626;
	line-height: 27px;
	letter-spacing: 1px;
}

.section ul {
	font-size: 18px;
	color: #5c4626;
	line-height: 27px;
	letter-spacing: 1px;
}
.section li {
	margin-left: 5%;
}