*{padding: 0px;margin: 0px;background-color:;}

.containerr{

    width: 100%;

    

}

.anasayfa{

    width: 100%;

}

    .navbar-nav {

        display: flex;

        align-items: center; /* Dikey hizalama */

        justify-content: flex-end; /* Sağa yatay hizalama */

    }

    .nav-item {

        margin-right: 10px; /* Öğeler arası boşluk */

        list-style: none; /* Liste işaretlerini kaldırma */

    }

.roboto-serif-yazi {

    font-family: "Roboto Serif", serif;

    font-optical-sizing: auto;

    font-weight: 400;

    font-style: normal;

    font-variation-settings:

      "wdth" 100,

      "GRAD" 0;

  }

  .roboto-regular {

    font-family: "Roboto", sans-serif;

    font-weight: 800;

    font-style: normal;

  }

.anasayfa img{

    width: 100%;

    height: 100vh;

}

.yazi{

    width: 30vw;

    position: absolute;

    top: 40%;

    left: 20%;

    z-index: 100;

    background: transparent;

    

}

.yazi h2,h3{

    background: transparent;

    font-size: 40px;

}

.yazi h3{

    

    font-size: 40px;

    font-weight: 500;

}

.yazi p,b{

    text-align: left;

    background: transparent;

    font-weight: 500;

    line-height: 30px;

}



.yazi2{

    width: 30vw;

    position: absolute;

    top: 60%;

    right: 8%;

    z-index: 100;

    background: transparent;

    

}

.yazi2 h2,h3{

    background: transparent;

    font-size: 40px;

}

.yazi2 h3{

    

    font-size: 40px;

    font-weight: 500;

}

.yazi2 p,b{

    text-align: left;

    background: transparent;

    font-weight: 500;

    line-height: 30px;

}







.section1{

    width: 45%; 

    margin: 40px auto;

}

.section1 p{

    font-size:16.0pt;line-height:150%;

    

    /*font-family:"Verdana",sans-serif;

    mso-fareast-font-family:"Times New Roman";

    mso-bidi-font-family:"Times New Roman";*/

}



#resim1{width: 25%;height:250px;margin: 10px 0px;position: absolute;

    left: 30px;}

#resim1_2{width: 25%;height:250px;margin: 10px 0px;position: absolute;

    right: 30px;}   

#resim1 img{width: 100%;height: 100%;}

#resim1_2 img{width: 100%;height: 100%;}

#resim2{width: 100%;height:350px;margin: 10px 0px;}

#resim2 img{width: 100%;height: 100%;}

#resim5{width: 15%;height:250px;margin: 10px 0px;position: absolute;

    left: 70px;}

#resim5 img{width: 100%;height: 100%; border-radius: 10px;}



#resim6{width: 10%;height:250px;margin: 10px 0px;position: absolute;

    right: 150px;}

#resim6 img{width: 100%;height: 100%; border-radius: 10px;}

.resim3_4{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

}

.col{

    width: 50%;

}

.col img{

    width: 100%;

    height: 250px;

}

.section2{

   width: 100%;



}



.baslik {

    margin-top: auto;

    margin-bottom: auto;

    text-indent: -.05pt;

    line-height: 150%;

    font-size: 16.0pt;

    /*

    font-family: "Verdana", sans-serif;

    mso-fareast-font-family: "Times New Roman";

    mso-bidi-font-family: "Times New Roman";

    mso-bidi-font-weight: normal;

    */

    text-align: left;

}



.footer{

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    

}

.footer p{

    line-height: 28px;

    font-family:"Verdana",sans-serif;mso-fareast-font-family:"Times New Roman";

    mso-bidi-font-family:"Times New Roman";

}

.footer b{

    font-family:"Verdana",sans-serif;mso-fareast-font-family:"Times New Roman";

    mso-bidi-font-family:"Times New Roman";

    font-weight: 700;

    

}

p{

    /*font-family:"Verdana",sans-serif;mso-fareast-font-family:"Times New Roman";

    mso-bidi-font-family:"Times New Roman";*/

}



@media (max-width:1300px) {

    .yazi{

        width: 30vw;

        position: absolute;

        top: 30%;

        left: 20%;

        z-index: 100;

        background: transparent;

        

    }

    .yazi h2,h3{

        background: transparent;

        font-size: 40px;

    }

    .yazi h3{

        

        font-size: 40px;

        font-weight: 500;

    }

    .yazi p,b{

        text-align: left;

        background: transparent;

        font-weight: 500;

        line-height: 30px;

    }

    

    .yazi2{

        width: 30vw;

        position: absolute;

        top: 60%;

        right: 0%;

        z-index: 100;

        background: transparent;

        

    }

    .yazi2 h2,h3{

        background: transparent;

        font-size: 40px;

    }

    .yazi2 h3{

        

        font-size: 40px;

        font-weight: 500;

        margin-right: 30px;

    }

    .yazi2 p,b{

        text-align: left;

        background: transparent;

        font-weight: 500;

        line-height: 30px;

    }

}





@media (max-width:1092px) {

    .yazi{

        width: 30vw;

        position: absolute;

        top: 57%;

        left: 20%;

        z-index: 100;

        background: transparent;

    }

        

    }

    .yazi h2,h3{

        background: transparent;

        font-size: 40px;

    }

    .yazi h3{

        

        font-size: 40px;

        font-weight: 500;

    }

    .yazi p,b{

        text-align: left;

        background: transparent;

        font-weight: 500;

        line-height: 30px;

    }

    

    .yazi2{

        width: 30vw;

        position: absolute;

        top: 60%;

        right: 0%;

        z-index: 100;

        background: transparent;

        

    }

    .yazi2 h2,h3{

        background: transparent;

        font-size: 40px;

    }

    .yazi2 h3{

        

        font-size: 40px;

        font-weight: 500;

    }

    .yazi2 p,b{

        text-align: left;

        background: transparent;

        font-weight: 500;

        line-height: 30px;

    }

    

}

@media (max-width:950px) {

    .yazi{

        width: 40vw;

        position: absolute;

        top: 20%;

        left: 10%;

        z-index: 100;

        background: transparent;

        

    }

    .yazi h2,h3{

        background: transparent;

        font-size: 40px;

    }

    .yazi h3{

        

        font-size: 40px;

        font-weight: 500;

    }

    .yazi p,b{

        text-align: left;

        background: transparent;

        font-weight: 500;

        line-height: 30px;

    }

    

    .yazi2{

        width: 30vw;

        position: absolute;

        top: 60%;

        right: 0%;

        z-index: 100;

        background: transparent;

        

    }

    .yazi2 h2,h3{

        background: transparent;

        font-size: 40px;

    }

    .yazi2 h3{

        

        font-size: 30px;

        font-weight: 500;

        margin-right: 0px;

    }

    .yazi2 p,b{

        text-align: left;

        background: transparent;

        font-weight: 500;

        line-height: 30px;

    }

    .yazi2 b{

        text-align: left;

        font-size:2vw;

    }

    

}

@media (max-width:850px) 

{

    /* .biribizi{

        text-align: center;

        top: 300px;

        position: relative;

        font-size: 15px;

    } */

    .anasayfa img{

        width: 100%;

        height: 80vh;

    }

    .section1{

        width: 60%; 

        margin: 40px auto;

    }

    .section1 p{

        font-size:2.5vw;line-height:150%;font-family:"Verdana",sans-serif;

        mso-fareast-font-family:"Times New Roman";

        mso-bidi-font-family:"Times New Roman";

    }

    #resim1{width: 35%;height:200px;margin: 10px 0px;float: left;position: relative;left: 0px;}

    #resim1 img{width: 100%;height: 100%;}

    #resim1_2{width: 35%;height:200px;margin: 10px 0px;position: relative;

        float: right;right: 0px;}

    #resim5{width: 100%;height:250px;margin: 10px 0px;position: relative;float: left;left: 0px;

            display: flex;justify-content: space-between;margin-bottom: 20px;}

    #resim5 img{width: 100%;height: 100%; border-radius: 10px;margin-right: 20px;}

    #resim6{width: 100%;height:250px;margin: 10px 0px;position: relative;float: left;left: 0px;

        display: flex;justify-content: space-between;margin-bottom: 20px;}

    #resim6 img{width: 100%;height: 100%; border-radius: 10px;margin-right: 20px;}

   

    .footer p{

        width: 80%;

    }

    .yazi{

        width: 40vw;

        position: relative;

        

        bottom: 500px;

        left: 10%;

        z-index: 100;

        background: transparent;

        

    }

    .yazi h2,h3{

        background: transparent;

        font-size: 5vw;

    }

    .yazi h3{

        

        font-size: 4vw;

        font-weight: 500;

        

    }

    .yazi p,b{

        text-align: left;

        background: transparent;

        font-weight: 500;

        line-height: 30px;

        font-size: 2vw;

    }

    

    .yazi2{

        width: 30vw;

        position: absolute;

        top: 40%;

        right: 0%;

        z-index: 100;

        background: transparent;

        

    }

    .yazi2 h2,h3{

        background: transparent;

        font-size: 2vw;

    }

    .yazi2 h3{

        

        font-size: 4vw;

        font-weight: 500;

        margin-right: 0px;

    }

    .yazi2 p,b{

        text-align: left;

        background: transparent;

        font-weight: 500;

        line-height: 30px;

    }

    .yazi2 b{

        text-align: left;

        font-size:2vw;

    }

}

@media (max-width:600px) {

    .section1{

        width: 70%; 

        margin: 40px auto;

    }

    .section1 p{

        font-size:3.5vw;line-height:150%;font-family:"Verdana",sans-serif;

        mso-fareast-font-family:"Times New Roman";

        mso-bidi-font-family:"Times New Roman";

    }

    #resim1{width: 45%;height:200px;margin: 10px 0px;float: left;position: relative;left: 0px;}

    #resim1 img{width: 100%;height: 100%;}

    #resim1_2{width: 45%;height:200px;margin: 10px 0px;position: relative;

        float: right;right: 0px}

    #resim5{width: 100%;height:250px;margin: 10px 0px;position: relative;float: left;left: 0px;

            display: flex;justify-content: space-between;margin-bottom: 20px;}

    #resim5 img{width: 100%;height: 100%; border-radius: 10px;margin-right: 20px;}

    #resim6{width: 100%;height:250px;margin: 10px 0px;position: relative;float: left;left: 0px;

        display: flex;justify-content: space-between;margin-bottom: 20px;}

    #resim6 img{width: 100%;height: 100%; border-radius: 10px;margin-right: 20px;}

    .footer p{

        width: 80%;

        

    }

    .footer p b{

        font-size: 3vw;

        line-height: 10px;

        position: relative;

        top: 5px;

    }

}

@media (max-width:510px) {

    .anasayfa img{

        width: 100%;

        height: 65vh;

    }

    .section1{

        width: 70%; 

        margin: 40px auto;

    }

    .section1 p{

        font-size:4vw;line-height:150%;font-family:"Verdana",sans-serif;

        mso-fareast-font-family:"Times New Roman";

        mso-bidi-font-family:"Times New Roman";

    }

    #resim1{width: 50%;height:180px;margin: 10px 0px;float: left;position: relative;left: 0px;}

    #resim1 img{width: 100%;height: 100%;}

    #resim1_2{width: 50%;height:180px;margin: 10px 0px;position: relative;

        float: right;right: 0px}

    #resim5{width: 100%;height:250px;margin: 10px 0px;position: relative;float: left;left: 0px;

            display: flex;justify-content: space-between;margin-bottom: 20px;}

    #resim5 img{width: 100%;height: 100%; border-radius: 10px;margin-right: 20px;}

    #resim6{width: 100%;height:250px;margin: 10px 0px;position: relative;float: left;left: 0px;

        display: flex;justify-content: space-between;margin-bottom: 20px;}

    #resim6 img{width: 100%;height: 100%; border-radius: 10px;margin-right: 20px;}

    em{

    font-size: 2.5vw;

   }

   .yazi{

    width: 40vw;

    position: absolute;

    top: 10%;

    left: 10%;

    z-index: 100;

    background: transparent;

    

}

.yazi h2,h3{

    background: transparent;

    font-size: 5vw;

}

.yazi h3{

    

    font-size: 4vw;

    font-weight: 500;

}

.yazi p,b{

    text-align: left;

    background: transparent;

    font-weight: 800;

    line-height: 30px;

    font-size: 2vw;

    position: relative;

    top: -30px;

}



.yazi2{

    width: 30vw;

    position: absolute;

    top: 30%;

    right: 0%;

    z-index: 100;

    background: transparent;

    

}

.yazi2 h2,h3{

    background: transparent;

    font-size: 1vw;

}

.yazi2 h3{

    

    font-size: 4vw;

    font-weight: 500;

    margin-right: 0px;

}

.yazi2 p,b{

    text-align: left;

    background: transparent;

    font-weight: 500;

    line-height: 30px;

}

.yazi2 b{

    text-align: left;

    font-size:2vw;

}

}

@media (max-width:430px) {

    .anasayfa img{

        width: 100%;

        height: 50vh;

    }

    .section1{

        width: 70%; 

        margin: 40px auto;

    }

    .section1 p{

        font-size:4vw;line-height:150%;font-family:"Verdana",sans-serif;

        mso-fareast-font-family:"Times New Roman";

        mso-bidi-font-family:"Times New Roman";

    }

    #resim1{width: 50%;height:60%;margin: 10px 0px;float: left;position: relative;left: 0px;}

    #resim1 img{width: 100%;height: 100%;}

    #resim1_2{width: 50%;height:60%;margin: 10px 0px;position: relative;

        float: right;right: 0px}

    #resim5{width: 100%;height:250px;margin: 10px 0px;position: relative;float: left;left: 0px;

            display: flex;justify-content: space-between;margin-bottom: 20px;}

    #resim5 img{width: 40%;height: 80%; border-radius: 10px;margin-right: 20px;}

    #resim6{width: 100%;height:250px;margin: 10px 0px;position: relative;float: left;left: 0px;

        display: flex;justify-content: space-between;margin-bottom: 20px;}

    #resim6 img{width: 100%;height: 100%; border-radius: 10px;margin-right: 20px;}

    em{

    font-size: 2.5vw;

   }

   .col{

    width: 100%;

   }

   #resim2{width: 100%;height:300px;margin: 10px 0px;}

    #resim2 img{width: 100%;height: 100%;}

    



    .yazi{

        width: 40vw;

        position: absolute;

        top: 59%;

        left: 10%;

        z-index: 100;

        background: transparent;

        

    }

    .yazi h2,h3{

        background: transparent;

        font-size: 5vw;

    }

    .yazi h3{

        

        font-size: 4vw;

        font-weight: 500;

    }

    .yazi p,b{

        text-align: left;

        background: transparent;

        font-weight: 800;

        line-height: 20px;

        font-size: 2vw;

        position: relative;

        top: -30px;

    }

    

    .yazi2{

        width: 30vw;

        position: absolute;

        top: 20%;

        right: 0%;

        z-index: 100;

        background: transparent;

        

    }

    .yazi2 h2,h3{

        background: transparent;

        font-size: 1vw;

    }

    .yazi2 h3{

        

        font-size: 4vw;

        font-weight: 500;

        margin-right: 0px;

    }

    .yazi2 p,b{

        text-align: left;

        background: transparent;

        font-weight: 500;

        line-height: 30px;

    }

    .yazi2 b{

        text-align: left;

        font-size:2vw;

    }

    

    .footer p b{

        font-size: 3.8vw;

        line-height: 10px;

        position: relative;

        top: 5px;

    }

}