/* Genel Ayarlar */
* {
    margin: 0;
    padding: 0;
}
.container {
    background: url(arka\ plan.jpg);
    height: 1900px;
    background-size: 100% 100%;
}

/* Mobil Ekranlar İçin Genel Ayarlar */
@media (max-width: 768px) {
    .container {
        background: url(arka\ plan.jpg);
        height: 12600px;
        width: 550px;
    }
}

/* Navbar Ayarları */
.container .navbar {
    background: url(arka\ plan\ üst.jpg);
    width: 100%;
    height: 90px;
}

@media (max-width: 768px) {
    .container .navbar {
        height: 150px;
        z-index: 1000;
    }
}

.navbar .logo {
    display: inline-block;
    margin-left: 90px;
    margin-top: 30px;
}

@media (max-width: 768px) {
    .navbar .logo {
        display: block;
        margin: 10px auto;
        max-width: 80%;
    }
}

.kmlogo3 img {
    width: 50px;
    position: absolute;
    left: 30px;
    top: 20px;
}

@media (max-width: 768px) {
    .kmlogo3 img {
        width: 30px;
        left: 10px;
        top: 10px;
    }
}

.navbar .logo a {
    text-decoration: none;
    font-size: 30px;
    font-family: sans-serif;
    color: chocolate;
}

@media (max-width: 768px) {
    .navbar .logo a {
        font-size: 20px;
        color: #ff7f00;
        font-family: sans-serif;
    }
}

.navbar ul {
    float: right;
    margin-right: 20px;
}

@media (max-width: 768px) {
    .navbar ul {
        float: none;
        margin: 0;
        text-align: center;
    }
}

.navbar ul li {
    list-style: none;
    display: inline-block;
    margin: 0 8px;
    line-height: 80px;
}

@media (max-width: 768px) {
    .navbar ul li {
        display: block;
        margin: 10px auto;
        text-align: center;
        line-height: normal;
    }
}

.navbar ul li a {
    color: chocolate;
    text-decoration: none;
    font-size: 20px;
    padding: 6px 13px;
    font-family: sans-serif;
    transition: 0.7s;
}

@media screen and (max-width: 768px) {
    .navbar ul li a {
        font-size: 16px;
        padding: 6px 10px;
        font-family: sans-serif;
        transition: 7s;
    }
}

.navbar ul li a.active,
.navbar ul li a:hover {
    background-color: paleturquoise;
    border-radius: 5px;
}

@media screen and (max-width: 768px) {
    .navbar ul li a.active,
    .navbar ul li a:hover {
        background-color: paleturquoise;
        border-radius: 5;
    }
}

@media screen and (max-width: 768px) {
    .container .center {
        position: static;
        margin-top: -80px;
    }
}

@media screen and (max-width: 768px) {
    .pozisyon {
        display: inline-block;
    }
}

/* Bloklar İçin Medya Sorguları */
.first img,
.second img,
.third img,
.four img,
.five img,
.six img,
.seven img,
.eight img,
.nine img,
.ten img,
.eleven img,
.twelve img,
.thirteen img,
.fourteen img,
.fiveteen img,
.sixteen img,
.seventeen img {
    width: 300px;
    height: 300px;
    border: 15px solid black;
    display: inline-block;
    position: absolute;
}

.first img {
    margin: 90px 0;
}

.second img {
    margin: 90px 380px;
}

.third img {
    margin: 90px 760px;
}

.four img {
    margin: 90px 1145px;
}

.five img {
    margin: 90px 1530px;
}

.six img {
    margin: 460px 0px;
}

.seven img {
    margin: 460px 380px;
}

.eight img {
    margin: 460px 760px;
}

.nine img {
    margin: 460px 1145px;
}

.ten img {
    margin: 460px 1530px;
}

.eleven img {
    margin: 835px 0px;
}

.twelve img {
    margin: 835px 380px;
}

.thirteen img {
    margin: 835px 760px;
}

.fourteen img {
    margin: 835px 1145px;
}

.fiveteen img {
    margin: 835px 1530px;
}

.sixteen img {
    margin: 1212px 0px;
}

.seventeen img {
    margin: 1212px 380px;
}

.alt img {
    width: 1903px;
    height: 200px;
    position: relative;
    top: 1660px;
    left: 0px;
}
@media screen and (max-width: 768px) {
    .alt img {
        top: 100px;
        width: 550px;
    }
}

/* Mobil Ekranlar İçin Blok Ayarları */
@media (max-width: 768px) {
    .first img,
    .second img,
    .third img,
    .four img,
    .five img,
    .six img,
    .seven img,
    .eight img,
    .nine img,
    .ten img,
    .eleven img,
    .twelve img,
    .thirteen img,
    .fourteen img,
    .fiveteen img,
    .sixteen img,
    .seventeen img {
        width: 100%;
        height: auto;
        position: static;
        margin: 20px auto;
        border: none;
    }
}