@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');

/* .lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
font-style: normal;}*/

/*.goudy-bookletter-1911-regular {
  font-family: "Goudy Bookletter 1911", serif;
  font-weight: 400;
  font-style: normal;} */

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

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

nav li {display: inline-block;}

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

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

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

#color-bar {background-color: #a32973;
			padding: 20px 0px;
			text-align: center;
			color: #FFF;
			font-family: "Goudy Bookletter 1911", serif;
  			font-weight: 400;
  			font-style: normal;
			font-size: 24px;}

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

section {width: 580px;
		padding: 15px 10px;}

section h1 {font-size: 36px;
			color: #a32973;
			text-transform: uppercase;
			font-family: "Goudy Bookletter 1911", serif;
  			font-weight: 400;
  			font-style: normal;}

aside {width: 280px;
		margin: 0 30px;
		border: 2px solid #16325a;}

section p {font-size: 16px;
			list-style: 1.5;
			margin-top: 15px;
			font-family: "Lato", sans-serif;
  			font-weight: 400;
			font-style: normal;}

aside h2 {text-align: center;
		margin: 10px 0;
		color: #a32973;
		font-size: 20px;
		font-family: "Goudy Bookletter 1911", serif;
  		font-weight: 400;
  		font-style: normal;}

.uppercase {text-transform: uppercase;}

aside img {display: block;
			margin: 10px auto;
			padding: 10px;}

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

.shop-box {	width: 300px;
			margin: 0 auto;
			text-align: center;
			font-family: "Goudy Bookletter 1911", serif;
  			font-weight: 400;
  			font-style: normal;}

#shop-content h3 {color: #a32973;
					text-transform: uppercase;
					text-align: center;
					padding: 10px;
					text-size: 28px;}

#shop-content p {text-align: center;
				line-height: 1.5;
				font-size: 14px;
				margin: 10px 0px 30px 0px;
				font-family: "Lato", sans-serif;
  				font-weight: 400;
				font-style: normal;}

.shop-box a {text-decoration: none;
			background-color: #a32973;
			color: #FFFFFF;
			font-size: 14px;
			padding: 5px;}

footer {border: 1px solid black;
		background-color: #16325a;
		color: #FFF;
		padding: 20px 0px;}

#footer-content {width: 960px;
				margin: 0 auto;
				display: flex;}

#footer-left {width: 40%;}

#footer-right {width: 40%;
				margin-left: 300px;
				text-align: right;}
	
#footer-content h3 {color: FFF;
					text-transform: uppercase;
					font-size: 16px;
					margin-bottom: 5px;
					font-family: "Goudy Bookletter 1911", serif;
  					font-weight: 400;
  					font-style: normal;}

#footer-content p {line-height: 1.5;
					font-family: "Lato", sans-serif;
  					font-weight: 400;
					font-style: normal;}

table {border-collapse: separate;
 		border-spacing: 0;
		font-family: "Lato", sans-serif;}

th, td {padding: 10px 20px;
		border: 1px solid #16325a;}

th {background-color: #16325a;
  	color: white;}

td {text-align: right;}

tr:first-child th:first-child, tr:first-child th:last-child, tr:last-child td:first-child, tr:last-child td:last:child {border: 1px solid #16325a;}

tr:first-child th:first-child {border-radius: 10px 0 0 0;}
tr:first-child th:last-child {border-radius: 0px 10px 0 0;}
tr:last-child td:first-child {border-radius: 0px 0 10px 10px;}


h1 {text-align: center;
				font-size: 30px;
				color: #a32973;
				text-transform: uppercase;
				font-family: "Goudy Bookletter 1911", serif;}

.ordersummary h2 {font-size:24px;
  					color: #a32973;
					font-family: "Goudy Bookletter 1911", serif;
					width: 960px;
					margin: 0 20%;
					display: flex;}

.ordersummary table {margin: 1% 20%;}