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

@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Goudy+Bookletter+1911&display=swap');

/*font-family: 'Goudy Bookletter 1911', serif;
font-family: 'Lato', sans-serif;*/

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

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

nav li {display:inline-block;}

nav a {padding:5 20px;
text-decoration:none;
color: #16325a;
font-family: 'Goudy Bookletter 1911', serif;}

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; 
display:flex;}

section {width:500px; padding:10px 10px;}
section h1 {font-size:36px;
color: #a32973;
font-family: 'Goudy Bookletter 1911', serif;
text-transform: uppercase;}
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-family: 'Goudy Bookletter 1911', serif;
font-size:20px;}
aside img {display:block; 
margin: 0 auto;
padding:10px;}

.uppercase {text-transform: uppercase;}

#wrapper-shop {width:100%; background-color:#f4f3f0; padding:50px 0;}

#shop-content {width:960px; margin:0 auto; display:flex; text-align:center;}
#shop-content h3 {color:#a23973; text-transform: uppercase; 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 {width:300 px; margin:0 auto;font-family: 'Goudy Bookletter 1911', serif;}
.shop-box a {text-decoration:none; text-align:center; background-color: #a32973; color: #fff; font-size: 14px; padding: 5px; margin-top:20px;}

footer {background-color: #16325a; color: #fff; padding:20px 0;}
#footer-content {width:960px; margin:0 auto; display:flex;}
#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;}
#footer-left {width: 40%;}
#footer-right {width: 40%; margin-left:300px; text-align:right;}