@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 and Lato sans-serif*/

header{width:100%; position:relative;}

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

#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-right:10px;}

aside {width:300px; border:3px solid #16325a; text-align: center;}
aside h2{ color: #a32973; font-size: 25px; padding: 10px 0; 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;}
.shop-box{width:300px; text-align: center; margin-left: 15px;}
#shop-content h3{font-size: 28px; text-transform: uppercase; color: #a32973; padding: 10px 0; font-family: 'Goudy Bookletter 1911' serif;}
#shop-content id{font-size: 14px; margon-bottom: 20px;}
#shop-content p{ font-size: 14px; margon-bottom: 10px; line-height: 1.5;}
#shop-content a{text-decoration: none; color:white; background-color: #a32973; padding: 4px;}

footer{width:100%; background-color: #16325a; color: white; padding: 20px 0;}
#footer-content{width:960px; margin:0px auto; display:flex; justify-content: space-between;}
footer h3{font-size: 16; text-transform: uppercase; font-family: 'Goudy Bookletter 1911' serif;}
footer p {color:white; font-size: 16; opacity: 70%; line-height: 1.5;}
#footer-left{}
#footer-right{text-align:right;}