:root {
	/*this part defines your color variables*/
	--colorbg: #98AA84; /*side of page color*/

	--color1: #DFC789; /*header background color*/
	--color2: #474853; /*body text color*/
	--color3: #B3C6C0; /*opal*/
	--color4: #80604D; /*header/link text color*/
	--color5: #9F8256; /*button border color*/
	font-size: 62.5%;


	}

main{
	font-family: Georgia; Arial

	margin:0;
	background-color: var(--colorbg);


}


body {
}

h1 {

		font-size: 3.6rem;
}

h2 {
	text-align: center;
		font-size: 3rem;
}

h3 {
	font-size: 2.4rem;
	margin: 0px;
}

h4 {
		font-size: 2rem;

}

h5 {
	margin: 0px;
	padding: 0px;
		font-size: 1.8rem;
}

h6 {
	font-size: 1.6rem;

}

#header-border {
	border: solid 4px var(--color4);
	padding: 10px;
	margin: 0 50px;

}

#container {
	max-width: 800px;
	margin: 0 auto;
	background-color: var(--color3);
	color: var(--color2);
		font-size: 1.6rem;

	}



#collage {
		box-sizing: border-box;
	width: 800px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	background-color: var(--color2);
}

img {
	width: 33%;
	box-sizing: border-box;
	padding: 0px;

}

#announcement, #current-worship, #covid {
	padding: 0px; 20px, 20px;

}

iframe /*this controls the frame of the worship embed*/

{
	display: block;
	margin: auto;


}

#past-worship, #mission, #facebook-group, {
	padding: 20px;
}

hr {
margin: 20px;

}



/*edits link colors*/
a:link {
	text-decoration: underline;
	color: #46353A;
}
a:visited {
	color: #46353A;
}




td {
	color: var(--color2);
}

p {
	margin-left: 20px;
	padding: 5px;

}



header {
	background-color: var(--color1);
	color: var(--color4);
	padding: 10px;
	text-align: center;
}

#past-worship {
	margin-left: 40px;
	color: var(--color2);

}

#announcement {
		text-align: center;
		padding: 10px;
		
}

#worship-embed h4 {
	text-align: center;
}



#mission {
	padding: 20px 0px;
	background-color: var(--color1);
	font-family: Georgia
	width:

}

#mission h3{
	text-align: center;
	color: var(--color4);
}

.main-nav, .mission-nav {
		display:flex;
		align-content: center;
		align-items: center;
	background-color: var(--color4);
	justify-content: space-around;
}

/* Style the links inside the main nav and mission nav bars */
#mission-give a, #mission-smile a, #mission-review a, #home a, #guest a, #photos a, #staff a, #worship a {

	display:flex;
	  margin: 10px;
  color: var(--color4);
	justify-content: center;
  padding: 14px 14px;
  text-decoration: none;
  font-size: 1.7rem;
  background-color: var(--color1);
  border: solid 2px var(--color5);
	border-radius: 15px;
}

#past-worship a {
	display:flex;
	width: 25%;
	margin: 0 auto;
	color: var(--color4);
	justify-content: space-around;
	padding: 14px 14px;
	text-decoration: none;
	font-size: 1.7rem;
	background-color: var(--color1);
	border: solid 2px var(--color5);
	border-radius: 15px;
}



#mission-give a:hover, #mission-smile a:hover, #mission-review a:hover, #home a:hover, #guest a:hover, #photos a:hover, #staff a:hover, #worship a:hover {

	background-color: var(--colorbg);
}


#mission-give, #mission-smile, #mission-give, #home, #guest, #photos, #staff, #worship {
		width: 25%;
		text-align: center;
	}




#facebook-group {
	text-align: center;
		font-size: 1.6rem;
		a:link {
			text-decoration: underline;
			color: #46353A;
		}
}


#footer {
	padding-bottom: 10px;
	text-align: center;
	background-color: var(--color1);
	color: var(--color4);
}

#footer a {
		color: var(--color4);
}


/*CSS specifically for cell phone*/
@media only screen and (max-width:768px) {

#collage, {
	display: none;
	}

h1 {
	font-size: 2rem;
	}

h2 {
	font-size: 1.8rem;
}

h3, h4 {
	font-size: 1.6rem;
}

h5, h6 {
	font-size: 1.4rem;
}
}




/*CSS specifically for Staff page*/
.staff {
	margin: 6rem;
	line-height: 1.5;

}

#Sunday_School table {
	border-collapse: separate;
	border-spacing: 0 1.5rem;
}
td {
		width: 15rem;
		text-align: left;
}

/*CSS specifically for Guest page*/

#guest-intro {
		max-width: 500px;
		padding: 2rem;
		text-align: center;
		margin: 0 auto;

}

#faq {
		padding: 2rem;
}

#faq h4 {
	text-align: center;
}

/*CSS specifically for Worship page*/

#worship-link {
	padding=2rem;

}

/*CSS specifically for Training page*/
h3 {
	margin: 0px 10px
}