html {
    scroll-behavior: smooth;
}
h1 {
	font-family: 'Satisfy-Regular';
}
a {
}
* {
    color: #CBB385;
	font-family: 'Ubuntu-Medium';
}
footer {
	font-style: italic;
}
body {
	background-color: #F1F3F4;
    background-image: url("background1.png");
    background-repeat: repeat;
}
li {
	list-style: none;
	margin: 0px;
}
h1 {
    font-size: 5em;
}
h3 {
	color: #004225;

    /*background-color: #CBB385;*/
}
.nav-category:hover{
    font-style: underline;
}
h1, h3, ul {
	text-align: center;
}
.label {
	background-color: #004225;
    border-radius: 15px;
    padding: .5em 1em;
    margin: .25em;
    font-family: inherit;
    outline: 1px solid #CBB385;
}
.page-container {
    background-color: #FCFCFC;
    border-radius: 30px;
    padding: 1em 3em;
    margin: 2em;
}
img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	/* width: 200px; */
    width: 75%;
	height: auto;
}

.product {
    border-radius: 5px;
	background-color: #004225;
    float:center; 
    padding:.5em; 
    position:relative; 
    top:4em; 
    font-size: 1.5em;
}
.product:hover{
    color:#FFFFFF; 
    background-color:#F43B05; 
}
/*@media (max-width: 1200px) {
	img {
		width: 75%;
	}
}*/
@font-face {
    font-family: 'Satisfy-Regular';
    src: url('Satisfy-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Ubuntu-Medium';
    src: url('Ubuntu-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Agraham';
    src: url('Agraham.otf')  format('truetype'),
}