.navbar{
    width:90%;
    max-width:1200px;
    height:85px;
    margin:0 auto; 

    display:flex;
    justify-content:space-between;
    align-items:center;

    background:#fff;
    padding:0 30px;
    box-sizing:border-box;
}

header{
    width:100%;
    background:#fff;
}

.logo h1{
    font-size:28px;
    font-weight:300;
        color:#555;
    transition:.3s;
    cursor:pointer;
}
.logo h1:hover{
    color:#d3d3d3;
}

.menu{
    display:flex;
    list-style:none;
    gap:35px;
}

.menu a{
    text-decoration:none;
    color:#555;
    font-size:17px;
        color:#555;
    text-decoration:none;
    transition:.3s;
}
.menu a:hover{
    color:#ff7a00;
}


#menu-toggle{
    display:none;
}

.hamburger{
    display:none;
    font-size:34px;
    cursor:pointer;
}


@media (max-width:900px){

    .hamburger{
        display:block;
    }

    .menu{
        position:absolute;
        top:85px;
        right:0;
        width:240px;
        background:white;

        flex-direction:column;
        align-items:flex-start;
        gap:0;

        display:none;
    }

    .menu li{
        width:100%;
    }

    .menu li a{
        display:block;
        width:100%;
        padding:18px 25px;
        border-bottom:1px solid #ddd;
    }


    #menu-toggle:checked ~ .menu{
        display:flex;
    }
}

.telefon{
    font-style: 4px;
}
.ustbar{
    background:rgb(8, 60, 88);
    height:50px;
    width:100%;
}

.ustbar .container{
    width:1140px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:50px;
}

.telefon{
    color:white;
    font-size:18px;
    font-weight:bold;
    margin-left: 25px;
}

.sosyal a{
    color:white;
    margin-left:18px;
    text-decoration:none;
    font-size:18px;
}

.sosyal a:hover{
    color:#d9d9d9;
}


.referanslarımızbaslik{
    font-size:135%;
    font-weight:500;
    margin-top:2.5%;
    margin-left:20.1%;

}

.turuncucizgi{
width: 85px;
    height: 2px;
    background-color: #fd7e14;
    margin-top: 0.3%; 
    margin-left: 20.1%; 
}

.referanslarımız{
font-size :40px;
font-weight:490;
font-color:rgb(85, 79, 79);
margin-top:2.5%;
margin-left:41.7%;
}





.referanslarimg {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}


.referanslarimg img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
}
.img6 img{
    width:65%;
    margin-left:20%;
}
.img5 img{
    width:65%;
    margin-left:20%;
}
.img4 img{
    width:65%;
    margin-left:20%;
}
.img3 img{
    width:65%;
    margin-left:20%;
}
.img2 img{
    width:65%;
    margin-left:20%;
    width: 100px;
    
}
.img1 img{
    width:65%;
    margin-left:20%;
}




@media (max-width: 992px) {
    .referanslarimg {
        grid-template-columns: repeat(2, 1fr); 
    }
}


@media (max-width: 600px) {
    .referanslarimg {
        grid-template-columns: 1fr; 
        gap: 15px;
    }
    
    .referanslarimg img {
        height: 200px; 
    }
}









































.alt-bilgi{
    width:100%;
    background:#0e4761;
    color:white;
    text-align:center;
    padding:45px 20px;
}


.firma{
    font-size:22px;
    margin-bottom:30px;
}


.cizgi{
    width:70%;
    height:1px;
    background:rgba(255,255,255,.2);
    margin:0 auto 25px auto;
}


.copyright{
    font-size:14px;
}


@media (max-width:768px){

    .firma{
        font-size:18px;
    }

    .copyright{
        font-size:12px;
    }

    .cizgi{
        width:90%;
    }

}