body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-image: url('/background.jpg');
    background-size: cover;
    background-position: center;
  }
  
  header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: white;
    z-index: 1;
    background-color: #333;
    color: white;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  header h1 {
    margin: 0;
  }
  
  header ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }
  
  header li {
    margin-right: 20px;
  }
  
  header a {
    color: white;
    text-decoration: none;
  }
  
  header a:hover {
    color: #ccc;
  }
  

  
  @media (max-width: 600px) {
    header {
      position: fixed;
    }
  
    header .menu-toggle {
      display: block;
      background-color: #333;
      color: white;
      padding: 20px;
      cursor: pointer;
    }
  
    header ul {
      display: none;
      position: absolute;
      width: 100%;
      background-color: #333;
      top: 60px;
      left: 0;
      right: 0;
      text-align: center;
    }
  
    header ul.active {
      display: block;
    }
  
    header ul li {
      display: block;
      margin: 0;
    }
  
    header ul a {
      display: block;
      padding: 20px;
      color: white;
    }
  }
  footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #be4d25;
    color: white;
    font-family: Arial, sans-serif;
    padding: 20px;
  }
  
  footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }
  
  footer li {
    margin-right: 20px;
  }
  
  footer a {
    color: white;
    text-decoration: none;
    font-size: 18px;
  }
  
  footer a:hover {
    color: #ccc;
  }
  
  footer .fa {
    margin-right: 10px;
  }
  
  footer .fa-phone {
    font-size: 18px;
  }
  
  footer .fa-envelope {
    font-size: 18px;
  }
  
  footer p {
    margin: 5px 0;
    text-align: center;
  }  
  .text-center {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  } 
  /* Bölümler için stil tanımları */
  .section-wrapper {
    padding: 100px 0px 0px 0px;
    text-align: center;
    width: 100%;
    height: 100vh;
  }

  /* "Ana Sayfa" bölümü için ek stil tanımları */
  .section-wrapper#home {
    background-color: #f1f1f1;
  }
  #home {
    background-image: url('background.jpg');
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.25);  /* silik renk */
    background-blend-mode: multiply;
    height: 100vh; /* tam ekran genişliği */
    overflow: hidden; /* ekstra içeriği gizle */
  }

  #text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display:block;
  }
  #financial-services #text {
      display: none;
  }
  #about-us #text {
    display: none;
  }
  #contact-us #text {
    display: none;
  }

  
  /* "Financial services" bölümü için ek stil tanımları */
          #financial-services {
            display: flex;
            flex-direction: column;
            height: auto; /* otomatik genişlik */
            overflow: visible; /* ekstra içeriği görüntüle */
          }
          
          #financial-services img {
            width: 30%;
            float: left;
            margin-left: 5%;
            margin-top: 8%;
          }

          #financial-services p {
            width: 60%;
            float: right;
          }

          #about-us img {
            width: 30%;
            float: left;
            margin-left: 5%;
            margin-top: 8%;
          }

          #about-us p {
            width: 60%;
            float: right;
            margin-left: 15%;
            margin-right: 15%;
          }   
          
          #about-us h3 {
            font-size: 18px;
            font-weight: normal;
            margin-left: 15%;
            margin-right: 15%;
          }
                  
          #financial-services h1 {
            color: #be4d25;
          }
          
          #financial-services hr {
            width: 50px;
            border-color: #be4d25;
            margin-top: 0px;
            margin-bottom: 0px;
            margin: 10px auto; /* çizgi ortada görüntülensin */
          }
          
          #financial-services h2 {
            font-size: 25px;
            margin: 10px 0;
            color: #be4d25;
          }
          
          #financial-services ul {
            list-style: none;
            margin: 0;
            padding: 0;
          }
          
          #financial-services li {
            margin: 5px 0;
            font-size: 18px;
            margin-left: 10%;
            margin-right: 10%;
          }
          
          #financial-services li:before {
            content: "•";
            margin-right: 10px;
          }

          #about-us p {
            margin: 5px 0;
            font-size: 16px;
            text-align: center;
          }
          
          #about-us p:before {
            margin-right: 10px;
          }

          /* contact-us sayfası */

          .contact-info {
            float: left;
            width: 50%;
          }

          .contact-form {
            float: left;
            width: 50%;
          }

          form {
            margin: 20px 0;
            margin-left: 20%;
            width: 50%;
          }

          label {
            display: block;
            font-size: 18px;
            font-weight: 600;
            margin: 10px 0;
          }

          input[type="text"], textarea {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-size: 16px;
            box-sizing: border-box;
          }


          input[type="submit"] {
            width: 50%;
            background-color: #be4d25;
            color: white;
            padding: 14px 20px;
            margin: 8px 0;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 18px;
            border-radius: 25px;
          }

          input[type="submit"]:hover {
            background-color: #d35a2e;
            color: white;
          }
          
          .button {
            background-color: #be4d25;
            border-color: #be4d25;
            border-radius: 20%/50%;
            width: 180px;
            height: 50px;
            text-align: center;
            color: white;
            font-size: 18px;
            padding-top: 5px;
            box-shadow: none;
            border: none;
          }
      
          .button:hover {
            background-color: #cc5d3c;
          }


          /* Mobil cihazlarda yatay görünümü değiştir */
          @media screen and (max-width: 600px) {
            #financial-services {
              flex-direction: column;
            }

            #financial-services img {
              width: 90%;
              float: none;
            }

            #financial-services p {
              width: 90%;
              float: none;
            }
            .contact-info {
              float: none;
              width: 90%;
            }
  
            .contact-form {
              float: none;
              width: 90%;
            }
            #about-us img {
              width: 90%;
              float: none;
            } 
            #about-us p {
              width: 90%;
              float: none;
            }
          }