@font-face {
  font-family: "poppins";
  src: url("../../fonts/Poppins-Regular.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}

.send-flowers-regular {
  font-family: "Send Flowers", cursive;
  font-weight: 400;
  font-style: normal;
}

.content-box {
  max-width: 95%;     /* your requested width */
  /*width: min(1000px, 100%);*/

  margin: 8px auto 80px;   /* top/bottom | left/right center */

  padding: 24px;

  background: rgb(64,68,45, 0.9); /* semi-transparent */
  border-radius: 12px;
  color: black;

  box-shadow: 0 4px 15px rgba(0,0,0,0.15);

  line-height: 1.6;
  /*align-items: center;
  text-align: center;*/
}

.content-box p {
    text-indent: 0px;
    font-family: "poppins", sans-serif;
    color: #eccec4;
    /*text-align: center;*/
}


body {
  margin: 0;
  
  background-image: url("../../img/main_bg.jpg");

  background-color: #40442d;

  background-size: cover;        /* fill screen */
  background-position: center;  /* center image */
  background-repeat: no-repeat; /* no tiling */
  background-attachment: fixed; /* optional: subtle parallax */
}

body {
    font-family: 'poppins', sans-serif;
    color: #d79e67;
    min-height: 100vh;
    margin: 0 auto;
    line-height: 1.6;
}

html, body {
  min-height: 100%;
}

/* Layout wrapper */
.intro-layout {
  display: flex;
  gap: 32px;
  /*align-items: center;*/
}

/* Image container */
.intro-image img {
  width: 460px;         /* adjust size */
  height: auto;
  border-radius: 12px;
  object-fit: cover;
}

/* Text container */
.intro-text {
  flex: 1;  
}


@media (max-width: 768px) {
  .intro-layout {
    flex-direction: column;
    /*align-items: center;*/
  }

  .intro-image img {
    width: 80%;
    max-width: 320px;
  }

  .intro-text {
    width: 100%;
  }
}


.intro-image img {
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.intro-text img {
  height: 16px;
  margin-right: 5px;

}



/* Contact rows: icon + text aligned properly */
/* Contact container */
.contact-list {
  display: flex;
  flex-direction: column;
  gap: 14px;  
}

/* Each contact row */
.contact-item {
/*  align-items: center;
  text-align: center;*/
  gap: 10px;

  font-family: "poppins", sans-serif;
  color: #eccec4;
}

/* Icons */
.contact-item img {
  height: 18px;
  width: 18px;
}

/* Links */
.contact-item a {
  color: #eccec4;
  text-decoration: none;
  transition: 0.2s ease;
}

.contact-item a:hover {
  color: #dab7b3;
}

.centered-div {
  max-width: 370px;
  margin: 0 auto;   /* centers horizontally */  
}