body {
      margin: 0;
      font-family: 'Helvetica Neue', sans-serif;
      background: #3E342C;
      background: linear-gradient(to bottom, rgba(62, 52, 44, 1) 0%, rgba(77, 67, 58, 1) 100%);
      color: #d1c6bc;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      overflow: hidden;
  }
  
  .container {
    text-align: center;
    max-width: 400px;
    padding: 20px;
  }
  
  .logo {
    width: 100%;
    height: auto;
    object-fit: cover;
    max-width: 184px;
    max-height: 134px;
  }
  
  .subscribe-title {
    font-family: "Raleway", sans-serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #F0EDED;
    margin-bottom: 15px;
  }
  
  .subscribe-text {
    font-family: "Source Sans 3", sans-serif;
    font-size: 15px;
    color: #F0EDED;
    line-height: 20px;
    max-width: 275px;
  
    .highlight {
      font-weight: 700;
    }
  }
  
  .subscribe-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
  
    input[type="email"] {
      padding: 10px 15px;
      border: none;
      border-radius: 8px;
      box-shadow:inset 0px 0px 0px 1px #4E4635;
      font-size: 0.9rem;
      background-color: #2e241d;
      color: #F0EDED;
      outline: none;
      font-family: "Source Sans 3", sans-serif;
    }
  
    button {
      font-family: "Source Sans 3", sans-serif;
      background-color: #2B2520;
      color: #F0EDED;
      border: 1px solid #888888;
      padding: 7px 20px;
      font-size: 0.9rem;
      border-radius: 8px;
      cursor: pointer;
      transition: background-color 0.3s;
    }

    button:hover {
      background-color: #241b15;
    }
  }
  

  @media (max-width: 991px) {
    .page-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      height: 70vh;
      justify-content: space-evenly;
      
    }

    .page-content .logo-container {
      margin-top: 3rem;
    }
  }