/* center full page and element */
			.wrapper { 
				max-width: 1100px; 
				margin: 0 auto; 
			}
			
		/*text formatting */
			
			* {
				font-family: "Sour Gummy";
			}
			
			a:link {
				text-decoration: none;
				color: #BF9BAD;
			}
			
			a:visited {
				text-decoration: none;
				color: #BF9BAD;
			}

			a:hover {
				text-decoration: none;
				color: #E7B67E;
			}

			a:active {
				text-decoration: none;
			}
			
			h1 {
				font-size: 60px;
				color: black;
			}
			
			h2 {
				margin-top: 60px;
				margin-left: 5%;
			}
			
			h3 {
				font-size: 14px;
			}
			
			.centertxt {
				display: flex;
				justify-content: center;
				align-items: center;
				height: 100%;
			}
			
			.txtblock {
				text-align: center;
				margin-left: 200px;
				margin-right: 200px;
			}
			
			.button {
				display: block;
				background-color: #FAF0E5;
				text-align: center;
				font-size: 1.2em;
				padding: 14px 16px;
				margin: auto;
			}
			
			.button:hover {
				background-color: #FFCEE7;
				color: black;
			}
			
		/* contact page */
			
			.contact {
				display: flex;
				justify-content: center;
				align-items: center;
			}
			
			label {
				display: block;
				font-size: 1.1em;
			}
			
			form {
				padding: 10px;
			}
			
			input[type=text], select {
				width: 100%;
				padding: 12px;
				margin: 8px 0;
				display: inline-block;
				border: 1px solid darkgrey;
				border-radius: 8px;
				box-sizing: border-box;
			}
			
			textarea {
				width: 100%;
				padding: 12px;
				margin: 8px 0;
				display: inline-block;
				border: 1px solid darkgrey;
				border-radius: 8px;
				box-sizing: border-box;
			}
			
		/* announcement bar */
			
			.announcement {
				display: inline-block;
				height: 100%;
				text-align: center;
				width: 100%;
				background: #E7B67E;
				color: white;
				margin: 0;
				padding: 0;
				vertical-align: middle;
			}
			
		/*navigation bar*/
		
			.sticky {
				position: sticky;
				top: 0;
				z-index: 10000;
				overflow: hidden;
			}
		
			.navtop {
				position: sticky;
				top: 0;
				z-index: 10000;
				overflow: hidden;
			}
			
			ul.navtopul {
			  list-style-type: none;
			  margin: 0;
			  padding: 0;
			  text-align: right;
			  background-color: white;
			}

			ul li {
			  display: inline-block;
			}

			ul li a {
			  display: block;
			  color: grey;
			  text-align: center;
			  padding: 14px 16px;
			  margin: 6px 20px;
			  text-decoration: none;
			}

			ul li a:hover {
			  color: black;
			  background-color: #FFCEE7;
			  border-radius: 8px;
			}
			
			.cart {
				display: block;
				background-color: #E7B67E33;
				margin-left: 60px;
				border-radius: 8px;
			}
			
			.cart img {
				display: inline-block;
				position: relative;
				bottom: 0;
			}
			
		/* large banners */
					
			.topbanner {
				background-image: url("../img/hutao.jpg");
				min-height: 435px;
				background-attachment: fixed;
				background-position: center;
				background-size: cover;
				background-repeat: no-repeat;
				margin: 25px 0px;
			}
			
			.botbanner {
				background-image: url("../img/card.jpg");
				min-height: 275px;
				background-attachment: fixed;
				background-position: center;
				background-size: cover;
				background-repeat: no-repeat;
				margin: 25px 0px;
			}
			
			img.seperator {
				display: block;
				margin-left: auto;
				margin-right: auto;
			}
			
		/* categories */
			
			.categories {
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-start;
				text-align: center;
				margin-top: 100px;
			}
			
			.cat-item {
				margin: auto;
				width: 300px;
				height: 350px;
			}
			
			.cat-item img {
				width: 100%;
				height: auto;
			}
			
		/* galleries */
			
			.gallery {
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-start;
				text-align: center;
				margin-top: 20px;
			}
			
			.gal-item {
				margin: auto;
				width: 250px;
				height: 250px;
			}
			
			.gal-item img {
				width: 100%;
				height: auto;
			}
			
		/* footer */
			
			footer {
				display: inline-block;
				height: 100%;
				text-align: left;
				width: 100%;
				background: #E7B67E;
				color: white;
				margin: 0;
				padding: 50px;
				vertical-align: middle;
			}
			
			.navbot {
				bottom: 0;
			}
			
			ul.navbotul {
				list-style-type: none;
				margin: 0;
				padding: 0;
				width: 200px;
			}

			ul.navbotul li {
			  display: inline-block;
			}

			ul.navbotul li a {
			  display: block;
			  color: white;
			  text-align: left;
			  padding: 2px 16px;
			  margin: 6px 20px;
			  text-decoration: none;
			}

			ul.navbotul li a:hover {
			  color: #BF9BAD;
			  background-color: #FAF0E5;
			  border-radius: 8px;
			}
			
			.newsletter {
				float: right;
				padding-right: 400px;
			}
			
			input[type=submit] {
				border-radius: 8px;
				background-color: #FFCEE7;
				border: none;
				color: black;
				padding: 12px 32px;
				margin: 0px;
				cursor: pointer;
				font-family: "Sour Gummy";
			}
			
			.socials {
				float: right;
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-end;
				margin-top: 60px;
				margin-right: 400px;
				width: 400px;
			}
			
			.soc-item {
				margin: auto;
				width: 30px;
				height: 30px;
			}
			
			.soc-item img {
				width: 100%;
				height: auto;
			}