@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Goudy+Bookletter+1911&family=Lato&display=swap');

body {
	background-color: #fff
}

header {
	background-color: #fff
}

#header-content {
	width: 960px; 
	position: relative; 
	margin-left: auto; 
	margin-right: auto
}

#header-content img {
	margin: 10px
}

nav {
	position: absolute; 
	bottom: 20px; 
	right: 50px; 
	padding: 5px
}

nav li {
	display: inline; 
	margin: 20px; 
	font-family:'Goudy Bookletter 1911', serif; 
	font-size: 20px
}

nav a {
	text-decoration: none; 
	color: #16325a; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-left: 20px; 
	padding-right: 20px
}

nav a:hover {
	background-color: #16325a; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-left: 20px; 
	padding-right: 20px; 
	color: #fff
}

#banner {
	background-image: url("images/home-banner.jpg"); 
	height: 300px; 
	background-repeat: no-repeat; 
	background-size: cover
}

#color-bar {
	background-color: #a32973; 
	padding: 20px; 
	position:relative; 
	margin-left: auto; 
	margin-right: auto
}

#color-bar h3 {
	font-family:'Goudy Bookletter 1911', serif; 
	text-align: center; 
	color: #f4f3f0; 
	font-size: 25px
}

#wrapper-white {
	width: 960px; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 80px; 
	margin-bottom: 350px
}

section {
	width: 580px; 
	float: left
}

section h1 {
	font-family:'Goudy Bookletter 1911', serif; 
	text-transform: uppercase; 
	font-size: 36px; 
	color: #a32973; 
	padding-bottom: 20px
}

section p {
	font-family:'Lato', sans-serif; 
	font-size: 16px; 
	margin-bottom: 20px; 
	text-align: left; 
	line-height: 22px
}

aside {
	width: 300px; 
	float: right; 
	border-style: solid; 
	border-width: 3px; 
	border-color: #16325a; 
	text-align: center; 
	color: #a32973
}

.book-details {
	font-family:'Goudy Bookletter 1911', serif; 
	font-size: 25px; 
	padding-top: 15px; 
	padding-bottom: 40px
}

.uppercase {
	font-family:'Goudy Bookletter 1911', serif; 
	text-transform: uppercase; 
	font-size: 25px
}

aside img {
	padding-top: 25px
}

#wrapper-shop {
	background-color: #f4f3f0
}

#shop-content {
	width: 960px; 
	margin-left: auto; 
	margin-right: auto; 
	column-count: 3; 
	padding-top: 87px; 
	padding-bottom: 85px
}

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

.shop-box h3 {
	font-family:'Goudy Bookletter 1911', serif; 
	text-transform: uppercase; 
	font-size: 28px; 
	color: #a32973; 
	padding-top: 20px; 
	padding-bottom: 15px
}

.shop-box p {
	font-family:'Lato', sans-serif; 
	font-size: 14px; 
	line-height: 22px; 
	padding-bottom: 5px
}

.shop-box a {font-family:'Lato', sans-serif; 
	font-size: 14px; 
	line-height: 80px; 
	text-decoration: none; 
	color: #f4f3f0; 
	background-color: #a32973; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 20px; 
	padding-right: 20px
}

footer {
	background-color: #16325a
}

#footer-content {
	width: 960px; 
	margin-left: auto; 
	margin-right: auto; 
	padding-top: 50px; 
	padding-bottom: 175px
}

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

#footer-content p {
	font-family:'Lato', sans-serif; 
	font-size: 16px; 
	color: #fff; 
	line-height: 20px; 
	margin-bottom: 20px; 
	opacity: 70%
}

#footer-left {
	float: left; 
	text-align: left
}

#footer-right {
	float: right; 
	text-align: right
}