/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
  background: #f6f6f6;
}

a:link {
  padding:6px;
  font-weight:bold;
  color:#752700;
  text-decoration:none
}
a:visited {
  padding:6px;
  font-weight:bold;
  color:#752700;
  text-decoration:none
}
a:active {
  padding:6px;
  font-weight:bold;
  color:#752700;
  text-decoration:none
}
a:hover {
  padding:6px;
  font-weight:bold;
  color:#c23c07;
  text-decoration:none
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: calc(60px + 1px); /* Set the fixed height of the footer here */
  line-height: calc(60px - 1px); /* Vertically center the text there */
  background: #f0d5a5 url('https://kabilesavaslari.com/rsm/ferman/orta-orta.gif') repeat;
  border-top: 1px solid #a68f5b;
}

.lead{
  bottom: 0;
  /* */
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
  width: auto;
  padding: 0 32px; 
  background: #fff;
  margin-top: 32px;
  margin-bottom: calc(32px + 60px);
}

.container-footer {
  width: auto;
  padding: 0 16px; 
}

.image-container {
  width: 100%;
  height: 40vh;
  max-height: 500px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.h1-title{
  line-height: 1.2em;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 46px;
  text-shadow: 0 0 .25em #242424,0 0 .25em #242424;
}
.h1-title-ust{
  display: none;
  color: #752700;
}


@media (max-width: 576px) { /* Mobil ekran boyutu için istediğiniz değeri ayarlayabilirsiniz. */
  .image-container {
    display: none; /* Mobil cihazlarda image-container'ı gizle */
  }

  header {
    background: #f0d5a5 url('https://kabilesavaslari.com/rsm/ferman/orta-orta.gif') repeat;
    border-bottom: 1px solid #a68f5b;
    color: #fff; /* Yazı rengi */
    text-align: center; /* Metni merkeze al */
    padding: 10px; /* İstediğiniz dolgu miktarını ayarlayabilirsiniz */
  }
  .h1-title-ust{
    display: unset;
  }
}
@media (min-width: 576px) {
  .ms-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 576px) {
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
}