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



	body {
		margin: 0;
		padding: 0;
	}


/* Header and Navagation */

	.header {
		background-color: #B2DDD3;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: sticky;
		top: 0;
		width: 100%;
		height: 150px;
		z-index: 50;
	}

	#logo img {
		width: 235px;
		margin: 15px;
	}


	#navigation li {
		display: inline-block;
		margin: 15px;
		padding: 15px 25px 15px 15px;
	}

	#navigation a {
		text-decoration: none;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		font-weight: bold;
		font-size: 20px;
		color: #124E67;
	}

	#navigation a:hover {
		text-decoration: underline;
	}


/*Page Titles */

	.page-banner {
		width: 100%;
		height: 190px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.page-banner h1 {
		font-family: "lumios-brush", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 55px;
		color: #124E67;
		margin: 0px 0px 7px 0px;
	}

	.page-banner p {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		color: #0A3249;
		font-size: 18px;
		margin: 0px;
	}


/* Top of Home Page */

	#welcome {
		background-image: url("../images/chair_long.jpg");
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: right top;
		background-size: cover; 
		height: 675px; 
		display: grid;
	}

	#welcome-text {
		position: relative;
		left: 75px;
		top: 42px;
	}

	#welcome h1 {
		font-family: "lumios-brush", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 465%;
		color: #124E67;
		margin-bottom: 0px;
	}

	#welcome p {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		font-weight: bold;
		font-size: 191%;
		color: #124E67;
		margin-top: 7px;
	}


/* Home Page Featured Products */

		#featured-products {
			display: grid;
	}

	#featured-products h2 {
			font-family: "lumios-brush", sans-serif;
			font-weight: 400;
			font-style: normal;
			font-size: 55px;
			color: #124E67;
			text-align: center;
			margin: 35px auto 20px auto;
	}

	#featured-products a {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		font-weight: bold;
		text-decoration: none;
		color: #0A3249;
		background-color: #B2DDD3;
		width: 110px;
		padding: 5px;
		text-align: center;
		border-radius: 4px;
		font-size: 18px;
		margin: auto;
	}

	#featured-products a:hover {
		text-decoration: underline;
	}


/* Home/Shop Products */

	.products {
		display: block;
		margin: 0px auto 50px auto;
		max-width: 1100px;
	}

	.products figure {
		margin: 60px 30px 50px 30px;
		float: left;
		width: 300px;
	}

	.products figcaption {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		text-decoration: none;
		font-size: 16px;
		width: 300px;
		margin-top: 10px;
		color: #0A3249;
		line-height: 2;
	}

	.price {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		text-decoration: none;
		font-size: 18px;
		font-weight: bold;
		color: #124E67;
	}


/* Home Page Featured Review */

	#featured-review {
		background-color: #dff4ec;
		text-align: center;
		width: 100%;
		display: grid;
	}

	#featured-review img {
		width: 300px;
		margin: 60px auto 0px auto;
	}

	#featured-review blockquote {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		font-size: 18px;
		margin: 0px auto 42px auto;
		color: #0A3249;
	}


/* Bottom of Home Page */

	#final-image {
		background-image: url("../images/pillow_long.jpg");
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: left center;
		background-size: cover; 
		height: 550px; 
	}


/* Shop Page Products */

	.product-image {
		width: 300px;
		height: 300px;
		border-radius: 5px;
	}

	#bread {
		background-image: url("../images/bread.jpg");
		background-size: cover;
		background-position: center;
	}

	#bread:hover {
		background-image: url("../images/bread_closeup.jpg");
		background-size: cover;
		background-position: center;
	}

	#wallart {
		background-image: url("../images/wallart.jpg");
		background-size: cover;
		background-position: center;
	}

	#wallart:hover {
		background-image: url("../images/wallart_closeup.jpg");
		background-size: cover;
		background-position: center;
	}

	#trailer {
		background-image: url("../images/trailer_exterior.jpg");
		background-size: cover;
		background-position: center;
	}

	#trailer:hover {
		background-image: url("../images/trailer_interior.png");
		background-size: cover;
		background-position: center;
	}


	#house {
		background-image: url("../images/cottage_house.jpg");
		background-size: cover;
		background-position: center;
	}

	#house:hover {
		background-image: url("../images/cottage_house_closeup.jpg");
		background-size: cover;
		background-position: center;
	}

	#cake {
		background-image: url("../images/berry_cake.jpg");
		background-size: cover;
		background-position: center;
	}

	#cake:hover {
		background-image: url("../images/berry_cake_closeup.jpg");
		background-size: cover;
		background-position: center;
	}

	#chair {
		background-image: url("../images/chair.jpg");
		background-size: cover;
		background-position: center;
	}

	#chair:hover {
		background-image: url("../images/chair_closeup.jpg");
		background-size: cover;
		background-position: center;
	}

	#pizza {
		background-image: url("../images/pizza.jpg");
		background-size: cover;
		background-position: center;
	}

	#pizza:hover {
		background-image: url("../images/pizza_closeup.jpg");
		background-size: cover;
		background-position: center;
	}

	#nightstand {
		background-image: url("../images/nightstand.jpg");
		background-size: cover;
		background-position: center;
	}

	#nightstand:hover {
		background-image: url("../images/nightstand_closeup.jpg");
		background-size: cover;
		background-position: center;
	}

	#basket {
		background-image: url("../images/basket.jpg");
		background-size: cover;
		background-position: center;
	}

	#basket:hover {
		background-image: url("../images/basket_closeup.jpg");
		background-size: cover;
		background-position: center;
	}


/* About Page */

	#about {
		display:grid;
	}

	#brand-about {
		margin: 0px auto 42px auto;
	}

	#brand-about img {
		width: 450px;
		height: 450px;
		margin: 0px 30px 0px 0px;
		border-radius: 5px; 
	}

	#brand-about div {
		float: left;
	}

	.about-text {
		background-color: #dff4ec;
		border-radius: 5px;
		padding: 15px;
		height: 422px;
		width: 550px;
	}

	.about-header {
		font-family: "lumios-brush", sans-serif;
		font-weight: 400;
		font-style: normal;
		color: #124E67;
		font-size: 42px;
		width: 500px;
		position: relative;
		left: 25px;
	}

	.about-copy {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		width: 500px;
		font-size: 18px;
		color: #0A3249;
		text-align: justify;
		position: relative;
		top: -20px;
		left: 25px;
	}

	#gracie-about {
		margin: 0px auto 50px auto;
		display: block;
	}

	#gracie-about img {
		width: 450px;
		margin: 0px 0px 0px 30px;
		border-radius: 5px;
	}

	#gracie-about div {
		float: left;
	}


/* Contact Page */

	#email {
		text-align: center;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		color: #0A3249;
		font-size: 18px;
		margin: 0px auto 75px auto;
		width: 700px;
		border-radius: 5px;
		padding: 0px 15px 15px 15px;
	}

	#email p {
		margin: 0px auto 42px auto;
	}

	#email a {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		font-weight: bold;
		text-decoration: none;
		color: #124E67;
		background-color: #B2DDD3;
		padding: 7px 15px 7px 15px;
		text-align: center;
		border-radius: 5px;
		font-size: 18px;
	}

	#email a:hover {
			text-decoration: underline;
	}

	#map {
		background-color: #dff4ec;
		width:730px;
		margin: 0px auto 50px auto;
		border-radius: 5px;
		display: grid;
	}

	#map-text h1 {
		font-family: "lumios-brush", sans-serif;
		font-weight: 400;
		font-style: normal;
		color: #124E67;
		font-size: 42px;
		margin: 30px 30px 15px 30px;

	}

	#map-text p {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		font-size: 18px;
		color: #0A3249;
		margin: 15px 30px 15px 30px;
	}

	#map iframe {
		width: 670px;
		height: 450px;
		border-radius: 5px;
		margin: 15px 30px 30px 30px;
	}


/* Footers */

	.footer {
		background-color: #124E67;
		display: flex;
		width: 100%;
	}

	.footer p {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		color: #B2DDD3;
		font-size: 14px;
		margin-left: auto;
		margin-right: auto;
	}