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


html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}

header, nav, aside, main, footer, a {width:100%; text-align: center; float: left;}

@media screen and (min-width:960px){
	wrapper, nav a{
	display:flex;
	flex-wrap:wrap;
	}
	aside, nav a{width:25%;}
	main{width:75%;
	float:right;}
	nav {
	background-color: #c5af97;
	top:220px;
	text-align:center;
	}

nav a {
	display: inline-block;
	text-decoration: none;
	padding-top: 1%;
	padding-bottom: 1%;
	width:48%;
	color: #412206;
	font:130%;
}
nav a:hover {
	color:#ffffff;
	background-color:#412206;
}
	}

nav {
	background-color: #c5af97;
	top:220px;
	text-align:center;}

nav a {
	text-decoration: none;
	color: #412206;
	font:130%;
}
nav a:hover {
	color:#ffffff;
	background-color:#412206;
}

	header {
	background-repeat: repeat-x;
	background-attachment: fixed;
	width: 100%;
	min-height: 220px;
	background-image: url(../images/bckgrnd.png);
}
header h1 {
	padding: 100px;
	color: #FFFFFF;
	text-shadow: 0px 0px #000000;	
	font: 400%;
	font-family:Macondo;

}

section { margin: 0 auto; width: 100%; color:#453B30; padding: 3%;}

footer {
	text-align: center;
	background-color: #AF412B;
	font-weight: 900;
	font:120%;
	font-family:merriweather;
	color:#ffffff;
}
footer a {
	text-decoration:none;
	color:#ffffff;
}
footer a:hover {
	color:#412206;
	background-color:#AF412B;
}

nav a{font-family:merriweather;}

section {background-color:#9ebfe1;
font-family:Macondo;}



.social-icons {
  display: flex;           /* puts them in a row */
  gap: 0px;               /* space between icons */
  justify-content: center; /* or 'flex-end' for right alignment */
}