@charset "UTF-8";
/* CSS Document */
@import
	url('https://fonts.googleapis.com/css2?family=Goudy+Bookletter+1911&family-Lato&display=swap');
/*font-family: 'Goudy Bookletter 1911', serif;
font-family: 'Lato', sans-serif;
/*
# is the starter for id 
while . is the start for class
*/
header{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
nav{
	position: absolute;
	bottom: 20px;
	right: 300px;
}
nav li{
	display: inline-block;
}
nav a{
	padding:5px 20px;
	text-decoration:none; color: #16325a;font-family: 'Goudy Bookletter 1911', serif;
}
nav a:hover{
	background-color: #16325a; /* Dark blue background on hover */
    color: #fff; /* White text on hover */
}
#banner{
	background-image:url("images/home-banner.jpg");height: 440px;
}
#color-bar{
	background-color: #a32973;
	color: #fff;
	text-align: center;
	padding: 10px 0; font-family: 'Goudy Bookletter 1911', serif;
}
#wrapper-white{
	width: 960px; margin: 30px auto; display: flex;
}
section{
	width: 580px; padding: 10px 10px;
}
section h1{
	font-size: 36px;
	color: #a32973;
	text-transform: uppercase;font-family: 'Goudy Bookletter 1911', serif;
}
section p{
	font-size: 16px;
	line-height: 1.5;
	margin: 10px;font-family: 'Lato', sans-serif;
}

aside{
	width: 300px;
	border: 3px solid #16325a;
	padding: 10px 10px; display: block;
}
aside h2{
	text-align: center; margin: 10px 0;
	color: #a32973; font-size: 20px;font-family: 'Goudy Bookletter 1911', serif;
}
.uppercase{
	text-transform: uppercase;
}
aside img{
	display: block; margin: 0 auto; padding: 10px;
}
#wrapper-shop{
	width: 100%;
	background-color: #f4f3f0; padding: 50px 0;
}
#shop-content {
	width: 960px;
	margin: 0 auto; display: flex;
}
.shop-box{
	display: block; text-align: center;
	width: 300px; margin: 0 auto;
}
#shop-content h3 {
	color: #a32973; text-transform: uppercase;text-align: center;
	padding: 10px; font-size: 28px;font-family: 'Goudy Bookletter 1911', serif;
}
#shop-content p {
	text-align: center; line-height: 1.5; font-size: 14px; margin: 10px 0 20px 0;font-family: 'Lato', sans-serif;
}
.shop-box a {
	text-decoration: none; background-color: #a32973; 
	color: #fff; font-size: 14px; padding: 5px;
}
#footer-content {
	width: 960px;margin: 0 auto; display: flex;
}
footer{
	 background-color: #16325a; color: #fff; padding: 20px 0;
}

#footer-left{
	width: 40%; 
}
#footer-right{
	width: 40%;  margin-left: 300px; text-align: right;
}

#footer-content h3 {
	color: white; text-transform: uppercase; font-size: 16px; margin-bottom: 5px;font-family: 'Goudy Bookletter 1911', serif
}

#footer-content p{
	line-height: 1.5;font-family: 'Lato', sans-serif;
}