@charset "utf-8";
/* CSS Document */

/* This section covers the overall look */
*	{
  font-family: Arial, Helvetica, sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  margin:	0px;
	}

#Main_editable {

}


#wrapper	{
	max-width:	80%;
	margin:	0 auto;
	
			}
header	{
	background-color:	#87CEEB;
	height:50px;
	border-radius:1em;
		}
		
.logo {
	font-family: "French Script MT";
	font-size: xx-large;
	text-decoration:none;
	color:#000;
	float:left;
}
		
.navigation		{
	font-style:		italic;
	list-style-type:none;
	text-decoration:none;
	padding: 5px;
	margin-right: 5px;
		}
		
ul	{
	float:right;
	display: flex;
    flex-direction: row;
}

li{
	display: inline-flex;
}
		
a:hover	{
	color:#C6C;
}

main	{
	Width:100%;
	background-color:	#5F8575;
	border-radius:1em;
	min-height:300px;
	overflow: auto;
	justify-content: center;
	padding:	10px;
		}

article	{
	background-color:#CCC;
	border-radius:1em;
	width:50%;
	float:left;
	padding:	5px;
}

figure	{
	background-color:#CCC;
	border-radius:1em;
	Width:100%;
	margin:auto;
	display:flex;
	justify-content: center;
	Float:right;
}

footer	{
	background-color:	#4F3727;
	color:	#CCC;
	border-radius: 1em;
	padding:	5px;
		}

#footer_grid {
  	display: grid;
  	grid-template-rows: 90% 10%;
  	grid-template-columns: 33.33% 33.33% 33.33%;
 	width: 100%;
}

.footer_logo {
	float: right;
}

.flex-container {
  display: flex;
  justify-content: center;
}

.fa {
  	padding: 20px;
  	font-size: 30px;
  	width: 50px;
	text-align:center;
  	text-decoration: none;
  	margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}
		
.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}
		
address	{
	font-style:italic;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}