/* Header için */
.header {
    text-align: center;
    margin-top: 20px; /* Header ile üst içerik arasında boşluk bırakır */
}

.header img {
    width: 100%; /* Görsel ekranın genişliğini kaplayacak */
    height: auto; /* Görselin oranını koruyarak yüksekliği otomatik ayarlar */
    max-height: 600px; /* Maksimum 600px yüksekliğinde sınırlar (masaüstü) */
}

/* Mobil cihazlar için */
@media (max-width: 768px) {
    .header img {
        max-height: 400px; /* Mobil cihazlarda en fazla 400px yüksekliğinde olacak */
    }
}

@media (max-width: 480px) {
    .header img {
        max-height: 300px; /* Daha küçük mobil cihazlarda maksimum yüksekliği */
    }

/* HAKKIMIZDA bölümü */
.about {
    background-color: #C3B7EA;
    padding: 50px;
    display: flex;
    justify-content: space-between;
}

.about img {
    width: 45%;
    border-radius: 10px;
}

.about-text {
    color: #000080;
    font-size: var(--font-size-medium);
    width: 45%;
}

/* HAKKIMIZDA başlığı için stil */
.about h2 {
    text-transform: uppercase; /* Büyük harf yapar */
    font-size: 14px; /* Yazı boyutunu 14px yapar */
    color: #000080; /* Başlık rengini belirler, isteğe bağlı */
}

/* İHTİSAS ALANLARIMIZ bölümü */
.specialties {
    background-color: #C3B7EA;
    padding: 50px;
    text-align: center;
}

/* İHTİSAS ALANLARIMIZ başlığı için stil */
.specialties h2 {
    color: #000080;
    font-size: 14px; /* Başlığı 14px yapar */
    text-transform: uppercase; /* Başlığı büyük harf yapar */
}

.specialties-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.specialty-item {
    text-align: center;
}

.specialty-item img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 10px;
}

/* Sütunlardaki yazıların boyutu */
.specialty-item p {
    font-size: 10px; /* Sütunlardaki yazıları 10px yapar */
}

/* Müracaat Bölümü */
.application {
    /* Var olan stiller */
}
/* MÜRÂCAAT başlığı için stil */
.application h2 {
    text-transform: uppercase; /* Büyük harf yapar */
    font-size: 14px; /* Yazı boyutunu 14px yapar */
    color: #000080; /* Başlık rengini belirler, isteğe bağlı */


.contact-info h2 {
    /* Var olan stiller */
}

.contact-text {
    font-size: 10px; /* İlk iki cümlenin boyutu 10px */
    color: #000080; /* Metin rengi, isteğe bağlı */
}

/* Diğer stiller */
.calendar h3 {
    /* Var olan stiller */
}

.calendar p {
    /* Var olan stiller */
}

/* Footer CSS */
.footer {
    background-color: #000080; /* Arka plan rengi */
    color: #fff; /* Metin rengi */
    padding: 20px;
    text-align: center;
}

.social-media {
    margin-bottom: 10px;
}

.social-media a {
    color: #C3B7EA; /* Link rengi */
    text-decoration: none; /* Alt çizgi olmadan */
    margin: 0 10px;
    font-size: 16px; /* Font boyutu */
}

.social-media a:hover {
    color: #c3b7ea; /* Hover efekti rengi */
}

.contact-details {
    margin-bottom: 10px;
}

.copyright {
    font-size: var(--font-size-small);
}