@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:100%;  }
#header-content {width:960px; margin: 0 auto; position:relative;}

nav {position:absolute; bottom:20px; right:120px;font-family: 'Goudy Bookletter 1911', serif;}
nav li {display:inline-block; padding: 10px 20px;}
nav a {text-decoration: none;}

nav a:hover {background-color: #16325a; color: white;padding:10px 20px; }

#banner {background-image: url("images/home-banner.jpg"); height:440px; width:100%;}

#color-bar {background-color:#a32973; color:white; text-align: center; padding: 10px 0;font-family: 'Goudy Bookletter 1911', serif;}

#color-bar h3 {font-size:25px; }

#wrapper-white { width:960px; margin: 20px auto; display:flex;}

section {width: 580px; }
section h1 {font-size: 36px; color:#a32973; text-transform: uppercase; padding:10px 0;font-family: 'Goudy Bookletter 1911', serif;}
section p {font-size: 16px; line-height: 1.5; margin-top:10px; padding:10px;}
aside {width: 300px; border: 3px solid #16325a; text-align:center; }
aside h2 {color: #a32973; font-size: 25px; padding:10px 0; margin:20px;font-family: 'Goudy Bookletter 1911', serif; }

.uppercase {text-transform: uppercase;}

#wrapper-shop {background-color: #f4f3f0; width: 100%; margin-bottom: 20px; padding:30px;}
#shop-content { width: 960px; margin: 0 auto; display: flex; text-align: center;}
.shop-box { width: 300px; margin-left: 15px;}
#shop-content h3 {font-size: 28px; text-transform: uppercase; color: #a32973; padding: 5px 0;font-family: 'Goudy Bookletter 1911', serif;}
#shop-content p {font-size: 14px; margin-bottom: 10px; line-height: 1.5;}
#shop-content a {text-decoration: none; color: #fff; background-color: #a32973; padding: 5px;}

footer { width: 100%; background-color: #16325a; color: #fff; padding: 20px 0;}
#footer-content {width: 960px; margin: 0 auto; display:flex; justify-content: space-between;}

footer h3 {color: white; font-size: 16px; text-transform: uppercase;font-family: 'Goudy Bookletter 1911', serif;}
footer p {color: white; font-size: 16px; opacity: 70%; line-height: 1.5;}
#footer-left { }
#footer-right { text-align:right; }