*{
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 font-family:Georgia, 'Times New Roman', Times, serif;
}

body {
 scroll-behavior: smooth;
}

header {
 position: fixed;
 width: 100%;
 top: 0;
 background: rgb(255, 255, 255);
 display: flex;
 justify-content: space-between;
 padding: 20px 40px;
 border-bottom: 1px solid #eee;
 z-index: 1000;
}

h8 {
    font-size: xx-large;
    font-style: italic;
}

nav a {
 margin-left: 20px;
 color: rgb(189, 138, 9);
 font-weight: 500;
}

h1 {
    color: rgb(189, 138, 9);
    font-style: italic;
}

h2 {
    color: rgb(189, 138, 9);
}

h2 {
    color: rgb(189, 138, 9);
}

h3 {
    color: rgb(189, 138, 9);
}

h4 {
    color: rgb(189, 138, 9);
    font-size: xx-large;
}

p1 {
    color: rgb(189, 138, 9);
}

p3 {
    color: rgb(189, 138, 9);
    font-size: x-large;
}

a {
    color: rgb(189, 138, 9);
}

h5  {
    display: inline;
    background-color: white;
  background-size: 30px;
  background-position: center;
    font-size: xx-large;
    }

    p5 {
        align-items: center;
        display: inline;
    background-color: white;
    background-size: contain;
    }

.overlay {
 text-align: center;
 color: white;
 background: rgb(189, 138, 9);
 padding: 40px;
}

.circleimg {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    object-position: bottom;
    align-items: top;
}

.imgcontainer {
float: left;
padding: 100px;
padding-top: 50px;


}

.textcontainer {
position: absolute;
left: 568px;

}

.backgroundblock {
background-image: url(Images/backgroundimggold.jpg);
    }

.btn {
 display: inline-block;
 margin-top: 20px;
 padding: 12px 25px;
 background: white;
 color: rgb(189, 138, 9);
 text-decoration: none;
}

/* SHOP */
.shop {
 padding: 120px 40px 60px;
 text-align: center;
}
 .space {
 padding: 20px 10px 15px;
 text-align: center;
}

.space1 {
 padding: 1px;
 text-align: center;
}

.product-grid {
 margin-top: 40px;
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
 gap: 20px;
}

.card {
 border: 10px solid rgb(189, 138, 9);
 padding: 15px;
 transition: 0.3s;
}

.card:hover {
 transform: translateY(-35px);
}

.card img {
 width: 100%;
 height: 500px;
 object-fit: cover;
}


.about {
 padding: 80px 40px;
 background: #fafafa;
}

.about-container {
 display: flex;
 align-items: center;
 gap: 40px;
 flex-wrap: wrap;
}

.about-text {
 flex: 1;
}

.about-image img {
 width: 100%;
 max-width: 400px;
}

.background-image img {
 width: 100%;

 }


footer {
 text-align: center;
 padding: 20px;
 background: rgb(189, 138, 9);
 color: white;
}

 .hero {
 height: 70vh;
 }

 .about-container {
 flex-direction: column;
 }


 body {
 margin: 0;
 font-family: Georgia, 'Times New Roman', Times, serif;
 line-height: 1.6;
 color: rgb(189, 138, 9);
 }

 section {
 padding: 60px 20px;
 max-width: 1100px;
 margin: auto;
 }

 .hero {
 background: #f5f5f5;
 text-align: center;
 padding: 100px 20px;
 }

 .hero h1 {
 font-size: 42px;
 }

 .two-col {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 40px;
 }

 .full-width {
 text-align: center;
 }

 .newsletter {
 background: #f9f9f9;
 text-align: center;
 }

 .newsletter input {
 padding: 10px;
 width: 250px;
 margin-top: 10px;
 }

 .newsletter button {
 padding: 10px 20px;
 margin-top: 10px;
 background: black;
 color: white;
 border: none;
 cursor: pointer;
 }