.newsreader-<uniquifier> {
  font-family: "Newsreader", serif; 
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.homemade-apple-regular {
  font-family: "Homemade Apple", cursive;
  font-weight: 400;
  font-style: normal;
}


	body {
		background: #F8F3ED;
	}
h1 	{
		font-family: "Newsreader";
		font-weight: 800; 
		font-size: 30px;
		color: black;
}	
h2{ 
	font-family: "Newsreader";
	font-style:italic;
}
h3 	{
		font-family: "Newsreader";
		font-size: 20px; 
		font-weight: 700;
		color: #e08e76;
}
h4{
	font-family: "Homemade Apple";
	font-size: 18px; 
	color: #d99635;
}

h6{font-family: "Newsreadet"; 
	font-style: italic;
	font-weight: 200;
	color:#7fb3cb}

.banner {
      width: 100%;
      height: 250px;
      background-size: cover;
      background-position: center;
    }
p 	{
		font-family: "Newsreader";
		font-size: 14px; 
}
	html {
  		font-size: 15px;
		font-family: 'Open Sans', sans-serif;
	}
	.nav {
		grid-area: nv;
		background:#E08E76;
		height: 50px;
	}
.logo {
  width: 200px; 
  height: auto;
}
	.nav a {
		color: white;
		margin-left: 40px;
		line-height: 50px;
		text-align: center;
		text-decoration: none
	}
	.nav a:hover {
		background:#D99635;
	}
	.header {
		background: #F8F3ED;
		margin-bottom: 20px;
		text-align: center;
	}
	.content {
		grid-area: mn;
       column-count: 2;
		gap: 10px;
		padding-bottom: 15px;
		}


	.footer {
		grid-area: ft;
		background: #E08E76;
		color: white;
		padding-left: 40px;
		padding-top: 20px;
		height: 100px;
	}
	
	.add {
		grid-area: pb;
		background: #FFFFFF;
		padding: 20px;
		column-count: 2;
		background: #F8F3ED;
	}
.add1 {
		background: #FFFFFF;
		align-content: center;
		height: 100px;
		background: #F8F3ED;
	}
 .banner {
	 align-content: center;
	       display: flex;

	 padding-top: 60px;
	 padding-left: 20px;
	 padding-bottom: 50px;
	  height: 350px;
	 width: 800px;
    }
 .container {
      display: flex;
      padding: 20px;
      padding-left: 20px;
	 padding-top: 70px;
      gap: 20px;
    }
    .content {
      flex: 3;
      background: white;
      padding: 20px;
      border-radius: 8px;
    }
    .sidebar {
      flex: 1;
      background: white;
      padding: 20px;
      border-radius: 8px;
	font-family: "Newsreader";
    }
    .sidebar h3 {
      margin-top: 0;
		font-family: "Newsreader";
    }
    .sidebar a {
      display: block;
      margin-bottom: 10px;
      color: #333;
      text-decoration: none;
		font-family: "Newsreader";
    }
    .sidebar a:hover {
      text-decoration: underline;
				background:#D99635;
		 font-family: "Newsreader";
    }
.qa-section {
  display: flex;
  justify-content: center;
  text-align: center;
  font-family: "Newsreader";
  font-size: 14px
}

.qa-section ul {
  list-style:none;
  padding: 0;
}

.qa-section li {
  margin-bottom: 12px;
}