body {
    font-family:Arial, Helvetica, sans-serif;
}

.topbar {background-color:#421563; padding:15px;}
.topbar img {height:75px;}
.topbar a {color: #fff; text-decoration:none; line-height:75px; display:inline-block; padding:0px 20px; font-size:16px; }
.topbar a:hover { text-decoration:none; color:orange; padding:0px 20px; border-radius:10px; }
.topbar a.active { color:orange; padding:0px 20px; border-radius:10px;}
.topbar a i {padding-right:5px;}

.topbar .logo {float:left; font-size:25px; font-weight:bold; color:white; }
.topbar .menu {float:right;}

.topbar-mobile {background-color:#421563; padding:5px; height:80px;}
.topbar-mobile .logo {float:left; font-size:15px; font-weight:bold; color:white; line-height:80px;}
.topbar-mobile img {height:50px;}
.topbar-mobile .menu-link {float:right; line-height:80px;}
.topbar-mobile .menu-link a {color:white;}
.topbar-mobile .menu {}

#topbar-mobile-menu { width:100%;}
#topbar-mobile-menu a {color: black; border-bottom:solid 1px silver; display:block; text-decoration:none; line-height:20px;  padding:10px 10px; }


.banner {background-color:#f7f9fa; padding:30px; }
.banner img {width:100%;}
.banner .banner-yazi { padding:50px;  width:75%; }
.banner .banner-yazi p { color:#1b2126}
    .banner h1 {
        color: #421563;
        font-size: 28px;
        font-weight: bold;
    }
    .banner .banner-yazi h1:after {
        content: "";
        display: block;
        background-color: orange;
        height: 3px;
        width: 100%;
        margin-top: 10px;
    }
h1 {
    color: #2b3f65;
}
    h1:after {
        content: "";
        display: block;
        background-color: orange;
        height: 3px;
        width: 70px;
        margin-top: 10px;
    }
h2 {text-align:center; font-weight:bold; font-size:22px; margin-top:10px; margin-bottom:40px; color:#2b3f65;}
h2:after {
    content: "";
    display: block;
    background-color: orange;
    height: 3px;
    width: 70px;
    margin:auto;
    margin-top:10px;
}

h4 {font-size:22px;color:#2b3f65; }
p {font-size:16px; line-height:24px;}
th , td {font-size:16px; line-height:24px; padding-bottom:10px;}
.card {margin-top:40px;}
.card .card-image img {width:100%; border-radius:20px;}
.card .card-heading {font-weight:bold; text-align:center; font-size:18px; margin-top:20px; margin-bottom:8px;}

.bolum {padding:60px; }
.bolum-ozellikler {background-color:#f7f9fa;}
.bolum-hakkimizda { }
.bolum-iletisim {background-color:#f7f9fa;}
.bolum-footer {background-color:#1b2126; color:#d6d7d7; padding:50px;}

.golge {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.50);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.50);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.50);
}

hr {margin-top:10px; margin-bottom:10px;}
/* Yukarı Çık Düğmesi */
.bottomMenu {position:fixed; right:60px; bottom:15px; font-size:45px; font-weight:bold;  display:none; }
.bottomMenu a {color:#d5b702;}
.bottomMenu a:visited {color:#d5b702;}


@media screen and (max-width: 1000px) {
    .bolum {padding: 30px;}
    .banner {background-color:#f7f9fa; padding:50px; }
    .banner img {width:100%;}
    .banner .banner-yazi { padding:10px; margin-bottom:50px; text-align:center; width:100%;}
    .banner .banner-yazi p { color:#1b2126}
}