@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; */

header {width:960px;
margin:auto;position: relative;}

nav {position: absolute; 
	bottom:20px;
right:400px;
}



nav li {display: inline-block;}
nav a {padding:5px 20px; text-decoration: none;color: #16325a;font-family: 'Goudy Bookletter 1911'}

nav a:hover {background-color: #16325a;
	color:#fff;}

#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: 0 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-top: 15px;font-family: 'Lato', sans-serif;} 
aside {width: 300px; border: 3px solid #16325a; padding: 10px 10px;}

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%; border:1px solid black; background-color: #f4f3f0;padding: 50px 0;}

#shop-content { width: 960px; margin: 0 auto; display: flex;}

.shop-box { width: 300px; margin: 0 auto; text-align: center;}

#shop-content h3 {color: #a23973; text-transform: uppercase; 
	text-align: center; padding: 10px; font-size: 28px;font-family: 'Goudy Bookletter 1911', 
serif;}

#shop-content p {line-height: 1.5; font-size: 14px; margin:10px 0 20px 0; font-family: 'Lato', sans-serif; }

.shop-box a {text-decoration: none; text-align: center; background-color: #a32973;
	color: #fff; font-size: 14px; padding: 5px; }

footer { background-color: #16325a; color:#fff;padding: 20px 0px;}

#footer-content {width: 960px; margin: 0 auto; display: flex;} 

#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;}