body {margin: 0;font-family: "Inter", sans-serif; font-size:1em;}
@font-face {font-family: Inter;}
.clear {clear: both;}
.body-content {margin:0; padding:0;}
h1{font-size:1.6em;}
h2{font-size:1.4em;}
h3{font-size:1.2em;}
.degisim{font-style:italic;}

#logo { width:100%; margin: auto;height:292px; text-align:center; }
header {width: 100%; background-color: #6000ff; display:block;height:410px;}
#orta{text-align:center; width:100%; margin:auto;}
header {width: 100%; background-color: #6000ff; display:block;height:430px;}
footer {width: 100%;background-color: #6000ff;display: block;height: 230px; margin:0;padding:25px 0 20px 0;}
#footarea {display:flex; flex-direction:row;width:1020px;margin:auto;}
#btmlinx{width:200px;}

#dene {text-align: center;width: 350px;margin: auto;}
nav {text-align:center; display:flex; justify-content:space-around;}
nav li a{color:#fff; list-style-type:none; text-decoration:none; font-weight:bold;position:relative; z-index:999;}
nav li a:hover {color:#f2d944;}
nav li {list-style-type: none; float:left;display:block; margin:10px;}

.menu{background-color: #6000ff; font-size:1.1em;}
#melek {width:125px; height:125px; z-index:99; overflow:visible;margin:-130px auto 0 auto;/*display:flow;*/position:relative;}
.mellek{margin:203px auto 0 auto;}
#satinal {margin: 50px auto -50px auto; font-weight:bold;width: 990px;text-align: right;font-size:1.35em;}
#satinal a{color:#000; text-decoration:underline;}
#satinal a:hover{color:blueviolet; text-decoration:none;}
.sol {float:left; margin: 0 20px 10px 0;}
.sag {float:right; margin: 0 0 0 20px;}
.orta {text-align:center;margin-top:30px}
section {width:100%; padding:65px 0 30px 0;}
#main {width:1020px; margin:auto;}
.footlinx {list-style-type: none;color:#fff;padding-left:0;}
.bttm{color:#fff;text-decoration:none;padding: 4px 0 4px 0;}
.soci{width:455px; font-size:1.2em; font-weight:bold; color:#ffe400; text-align:center;}
.soci a{font-size:0.7em; font-weight:bold;color:#fff;text-decoration:none;}
.bttms1{width:642px; text-align:right;}
.footlinx li a{color:#fff;text-decoration:none;}
.footlinx li a:hover{color:#f2d944;}
.bttms1_m{display:none;}

@media screen and (min-width: 515px) and (max-width: 896px) {
#satinal {margin: 50px auto -10px auto; font-weight:bold;width: 90%;text-align: right;font-size:1.35em;}
#satinal a{color:#000; text-decoration:underline;}
#satinal a:hover{color:blueviolet; text-decoration:none;}

nav {text-align:center; display:block;}
footer {width: 100%;background-color: #6000ff;display: block;height: auto; margin:0;padding:25px 0 20px 0;}
#footarea {display:flex; flex-direction:row;width:90%;margin:auto;flex-wrap:wrap;}
#btmlinx{width:50%;}
.footlinx {list-style-type: none;color:#fff;padding-left:0;}
.footlinx li a{color:#fff;text-decoration:none;}
.footlinx li a:hover{color:#f2d944;}
.bttm{color:#fff;text-decoration:none;padding: 10px 0;}
.soci{width:50%; font-size:1.2em; font-weight:bold; color:#ffe400; text-align:center;margin:auto;}
.soci a{font-size:0.7em; font-weight:bold;color:#fff;text-decoration:none;}
.bttms1{width:100%; text-align:center;}
section {width:100%; padding:25px 0 30px 0;}
#main {width:90%; margin:auto;}
#melek {width:125px; height:125px; z-index:99; overflow:visible;margin:0 auto 0;/*display:flow;*/position:relative;}
.mellek{margin:0 auto;}
li.navi{width:100%;margin:10px 0 5px 0;height:40px;}
li.navi::after {border-bottom: #fff;z-index: 20;content: "";display: block;width: 100%;height: 1px;background: #fff;margin-top: 15px}
.sag {float:right; margin: 0 0 0 20px;}
#main img {width:100%; height:auto;}
.bttms1_m{display:none;}

    }
@media screen and (min-width: 1px) and (max-width: 514px) {
#satinal {margin: 50px auto -10px auto; font-weight:bold;width: 90%;text-align: right;font-size:1.35em;}
#satinal a{color:#000; text-decoration:underline;}
#satinal a:hover{color:blueviolet; text-decoration:none;}

nav {text-align:center; display:block;}
footer {width: 100%;background-color: #6000ff;display: block;height: auto; margin:0;padding:25px 0 20px 0;}
#footarea {display:flex; flex-direction:row;width:90%;margin:auto;flex-wrap:wrap;}
#btmlinx{width:50%;}
.footlinx {list-style-type: none;color:#fff;padding-left:0;}
.footlinx li a{color:#fff;text-decoration:none;}
.footlinx li a:hover{color:#f2d944;}
.bttm{color:#fff;text-decoration:none;padding: 10px 0;}
.soci{width:50%; font-size:1.2em; font-weight:bold; color:#ffe400; text-align:center;margin:auto;}
.soci a{font-size:0.7em; font-weight:bold;color:#fff;text-decoration:none;}
.bttms1{width:100%; text-align:center;}
section {width:100%; padding:25px 0 30px 0;}
#main {width:90%; margin:auto;}
#melek {width:125px; height:125px; z-index:99; overflow:visible;margin:0 auto 0;/*display:flow;*/position:relative;}
.mellek{margin:0 auto;}
li.navi{width:100%;margin:10px 0 5px 0;height:40px;}
li.navi::after {border-bottom: #fff;z-index: 20;content: "";display: block;width: 100%;height: 1px;background: #fff;margin-top: 15px}
.sag {float:right; margin: 0 0 0 20px;}
#main img {width:100%; height:auto;}
.bttms1_m{width:100%; text-align:center; display:block;}
.bttms1{display:none;}

}