/* .govde{
    width:1800x;
    height: 1080px;
    background-color: bisque;
    border: solid 1px black;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}
.logo{
    width:200px;
    height: 200px;
    border: solid 1px black;
    margin-top: 5px;
    margin-left: 5px;
    float:left;
    background-image: url("../images/cafe_logo.png");
    background-size:contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: azure;
}
.banner{
    width:1000px;
    height:200px;
    background-image: url("../images/banner_resim2.png");
    background-size:contain;
    background-position: center;
    background-repeat: no-repeat;
    border: solid 1px black;
    float:right;
    padding: 5px;
    background-color: azure;
}
.menu{
    width:1920x;
    height: 40px;
    border: solid 1px brown;
    margin: 5px 5px 5px 5px;
    float:left;
    background-color: azure;
}
.slider{
    width:1000px;
    height:800px;
    float:left;
    margin: 5px, 5px, 5px, 5px;
    border: solid 1px brown;
    background-color: azure;
}
.yankutu{
    width:440px;
    height:400px;
    float: left;
    border: solid 1px brown;
    margin: 5px, 5px, 5px, 5px;
    background-color: azure;
}
.haber{
    width:360px;
    height:370px;
    margin:5px, 5px, 5px, 5px;
    float: left;
    border: solid 1px brown;
    background-color: azure;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}  */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.govde{
    width:95%;
    max-width:1800px;
    min-height:1206px;
    background-color:bisque;
    border:1px solid black;
    margin:0 auto;
    padding:5px;
}

.logo{
    width:12%;
    height:200px;
    float:left;
    margin:5px 5px 5px 10px;

    background:url("../images/cafe_logo.png") center/contain no-repeat;
    /*background-color:rgb(250, 244, 237);*/
    background-size: 240px;
}

.banner{
    width:86%;
    height:200px;
    float:right;
    margin:5px;

    padding:0;
    background:url("../images/banner_resim2.png") center/contain no-repeat;
    /*background-color:rgb(250, 244, 237);*/
}

.menu{
    width:99%;
    height:40px;
    clear:both;
    float:left;
    margin:5px;
    border:1px solid brown;
    background-color:#512a01
}
.menu ul{
    margin:0;
    padding:0;
    list-style-type: none;
}
.menu ul li{
    float: left;
}
.menu a{
    text-decoration: none;
    display: block;
    width:280px;
    height: 40px;
    color: brown;
    text-align: center;
    line-height: 40px;
}
.menu a:hover{
    color:azure;
    font-weight: bold;
    transition: all .5s ease-in-out;
}
.slider{
    width:860px;
    height:600px;
    float:left;
    margin:5px;
    border:1px solid brown;
    background-color:rgb(245, 233, 219);
}
.slider img{
    width:860px;
    height:600px;
    float:left;
    margin:5px;
    border:1px solid brown;
    background-color: rgb(245, 233, 219);
    object-fit:contain;
}

.yankutu{
    width:500px;
    height:300px;
    float:right;
    margin: 5px 20px 0px 5px;
    border:1px solid brown;
    background-color: rgb(245, 233, 219);
}
.yankutu img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.haber{
    width:350px;
    height:300px;
    float: left;
    margin:20px 5px 5px 5px;
    padding: 5px;
    border:1px solid brown;
    background-color:rgb(245, 233, 219);
    border-radius: 5px;
    text-align: center;
    line-height: 100%;
}
.haber img{
    width:300px;
    
}
.footer{

width:100%;
height: 400px;
margin: 5px;

}
.footer .footer_sol{
width:20%;
height: 400px;
margin: 5px;
float: left;
}
.footer h3{
    color:rgb(249, 234, 215);
    margin: 20px 10px 10px 10px;
    padding: 10px;
}
.footer ul{
    
    list-style-type: none;
}
.footer a{
    display: block;
    color:rgb(249, 234, 215);
    margin: 0 5px 5px 5px;
    padding: 10px;
    text-decoration: none;
}
.footer a:hover{
    background-color: rgb(82, 22, 22);
    transition: all 0.6s ease-in-out;
}
.footer .footer_sosyal{
    width:35%;
    height: 400px;
    margin: 5px;
    float: left;
}
.footer .icn{
width:30px;
}
.footer hr{
    margin: 0px 10px 10px 0px;
    clear:both;
}
.altyazi{
    margin: 10px;
    color:rgb(249, 234, 215);
    padding-bottom: 20px;
}