/* Genel Navbar Stilleri */
@font-face {
    font-family: 'PoiretOne-Regular';
    src: url('../fonts/PoiretOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NunitoSans-LightItalic';
    src: url('../fonts/NunitoSans_10pt-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.comments {
  font-family: "Montserrat-Regular";
  font-size: 20px; /* Varsayılan, büyük ekran */
}

@media (max-width: 1440px) {
  .comments {
    font-size: 18px; /* Orta ekran */
  }
}

@media (max-width: 992px) {
  .comments {
    font-size: 17px; /* Orta ekran */
  }
}

@media (max-width: 768px) {
  .comments {
    font-size: 14px; /* Küçük ekran */
  }
}


/* Varsayılan: Masaüstü kapağı gözüksün, mobil kapağı sakla */
.desktop-cover {
    display: block;
}
.mobile-cover {
    display: none;
}

/* Mobilde (max-width: 768px), masaüstü kapağı gizle, mobil kapağı göster */
@media (max-width: 768px) {
    .desktop-cover {
        display: none;
    }
    .mobile-cover {
        display: block;
    }
}



.navbar {
    width: 100%;
    position: fixed!important;
    top: 0;
    background: rgba(0, 0, 0, 0.9) !important; /* Saydam arka plan */
    color: white;
    padding: 10px 20px;
    z-index: 1000;
}

.cover {
    margin-top: 3.5%;
    height: 80vh!important;
    width: 100%;
    padding: 10px;
}

.project-title {
    font-family: 'PoiretOne-Regular', sans-serif;
    font-size: 40px;
    margin-bottom: 0;
}

.project-details {
    font-family: 'NunitoSans-LightItalic', sans-serif;
    font-size: 20px;
    margin-bottom: 20px;
    margin-bottom: 20px;
}

.row {
    padding: 10px 10px;
    margin: 0;
}

.col {
    padding: 0;
    margin: 0;
}

/* Genel olarak resmin tam genişlikte gösterilmesi */
.project-cover-photo img {
    width: 100%;
    height: auto;
}

.img-fluid {
    max-width: 100%;
    height: 100%!important;
}

/* Mobil cihazlar için padding: 20px */
@media (max-width: 768px) {
    .project-title {
        font-family: 'PoiretOne-Regular', sans-serif;
        font-size: 26px;
        margin-bottom: 0;
    }

    .project-details {
        font-family: 'NunitoSans-LightItalic', sans-serif;
        font-size: 14px;
        margin-bottom: 20px;
        margin-bottom: 20px;
    }

    .project-cover-photo img {
        width: 100%;        /* Genişlik tam olarak mobil ekranı kaplar */
        height: 400px;      /* Mobilde belirli bir yükseklik veriyoruz */
        object-fit: cover;  /* Görüntüyü keserek kutuya sığdır */
        object-position: center; /* Görüntüyü ortalayarak dikey kesit al */
    }
}