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

.shop-box{
	width:960px;
}

#color-box h3{
}

nav li{
	display:inline;
}

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

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

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

#banner{
	width: 100%;
}

#color-bar{
	width: 100%;
}

#wrapper-white{
	width:960px;
	padding-left:200px;
	display:flex;
}

#wrapper-shop{
	
	column-width:300px;
	justify-content:center;
	margin:auto;	
}

#shop-content{
	column-count:3;
	column-width:300px;
	justify-content:center;
}

#color-bar{
	width:100%;
	margin-top:auto;
	background-color:#a32973;
	padding-top:15px;
	text-align:center;
}

.book-details{
	width:300px;
	float:right;
}

.shop-box {
	width:300px;
}

nav{
	position: absolute;
	top:100px;
	left:430px;
}

#footer-left h3{
	font-size:16px;
	font-color:white;
}

#footer-left{
	float:left;
	color:white;
}

#footer-right {
	float:right;
	color:white;
}

#footer-content{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

footer{
	width:100%;
	overflow:hidden;
	background-color:darkblue;
}