@charset "utf-8";
*{box-sizing: border-box;}
@font-face {
  font-family: "marcion";
  src: url("../font/MarcioneTrial-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

body {font-family: marcion;font-size: 16px;color: #172D45; margin: 0; background-image:url('../resimler/sablon-resimleri/body-bg.jpg');background-repeat: repeat-x;background-color: #fafbe9; line-height: 1.5;}

#container {width:  1240px; margin: 0 auto; }

header {display: flex; flex-direction: row; justify-content:space-between;align-items: flex-end;}
#header_logo {margin-top: 5px;}
#header_logo button {background-color: transparent; border: none;}
#header_menu {background-color: #ffba4e ; border-radius: 15px 15px 0 0;}
#header_menu ul {list-style-type: none; margin:0; padding: 0; display: flex;}
#header_menu ul li {line-height: 40px; background-image: url('../resimler/sablon-resimleri/ustmenu-ara-cizgi.png'); background-repeat: no-repeat; 
	background-position:left center;}
#header_menu ul li:first-child {background-image: none}
#header_menu ul li a {color:#000; text-decoration: none; font-weight: bold;
padding: 0 20px; margin: 0 10px;}
#header_menu ul li a:hover {color: #f006;}

#slider {}
#slider img {display: block;}

main {display: flex; justify-content: space-between;margin: 10px 0;}
aside {width: 220px;display: flex;flex-direction: column;row-gap: 14px}
.aside_menu {border: 1px solid #f006; border-radius: 15px; background-color: #fff; padding: 10px;}
.aside_menu h2,#content_baslik h1 {font-size: 17px; margin: 0; background-color: #589ba3; color: #fff; line-height: 30px; border-radius: 7px;padding-left:19px; background-image: url('../resimler/sablon-resimleri/altmenu-baslik-simge.png'); background-repeat: no-repeat;background-position: 2px center;}
.aside_menu ul {list-style-type: none; margin: 0;padding: 0;}
.aside_menu ul li {border-bottom: dashed 1px #ccc;}
.aside_menu ul li a {color: #242045; text-decoration: none;line-height: 1.9px}
.aside_menu  ul li a:hover{color:#f90}

#content {width: 1010px;border: 1px solid #f006; border-radius: 15px; background-color: #fff; padding: 10px;}

footer {color: #fff; background-color: #589ba3; text-align: center; border-top: 3px solid#ffba4e;padding: 15 0;}
footer p {margin 0;}
footer p a {color: #fff; text-decoration: none}

#content_hakkimizda{}
#content_hakkimizda video {width: 50%;}

#content_galeri {padding: 20px 0 15 px 0;}
#content_galeri ul {list-style-type: none;padding: 0;margin:0;display: flex;flex-wrap: wrap;justify-content: space-between;  row-gap: 30px;}
#content_galeri ul li {width: 32%;border: 1px solid #ccc;padding: 10px;}
#content_galeri ul li a {}
#content_galeri ul li a img {width:100%; height: auto; display: }


#content_anasayfa {display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 27px; margin: 25px 0 20px 0 ;}

.anasayfa_bolumler {border: 1px solid #8594; width: 31%; padding: 10px;}
.anasayfa_bolumler p {}
.anasayfa_bolumler_h2_img {position: relative;}
.anasayfa_bolumler_h2_img h2{ color:##c5c7ed; background-color: #ffae21; font-size: 17px margin: 0; position: absolute; bottom: 20px;padding: 0 10px;}
.anasayfa_bolumler_h2_img img {width: 100%; height:auto;}

.banabas {
    width: 200px;
    margin: 1; 
    margin-top: 10px;     
    transition: 0.2s;
    cursor: pointer;
}
.banabas:hover {
    transform: scale(1.05);
}

@media screen and (max-width: 1024px) {
  #container{width: 990px;}
  #slider img {width: 100%;height: auto;}
  #content {width: 760px;}
}

@media screen and (max-width:800px) {
  #container{width: 770px;}
  #header_logo img {width: 80px;height: auto}
  main {flex-direction: column;}
  aside{width: 100%}
  #content {width: 100%;margin-top: 14px;}
  .anasayfa_bolumler {width:48%;}


}  
@media screen and (max-width:600px) {
  #container{width:98%;}
  header {flex-direction: column;align-items: center;}
  #header_menu {width: 100%;}
  #header_menu ul li a {padding: 0 10px; margin: 0 5px;}
  #content_hakkimizda video {width: 80%;}
  #content_galeri ul li {width: 100%}

  .anasayfa_bolumler {width:100%;}

}