html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.w3-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}


a.btn.btn-lg.btn-success {
    float: right;
}

h2 {
    color: #bcbfc1;
}
body{
    height: 100%;
    background: #006bb3;
    padding-top: 130px;
}
ul{
    list-style-type: none;
}
.aciklama, .aciklama a{color: #ffffff;padding: 40px 0;}
.harita{margin-top: 30px;clear: both;}
a:hover{ text-decoration: none !important;}
.hizmetler {
    margin-top: 20px;
    clear: both;
}

.hizmetler ul li {
    width: 23%;
    float: left;
    background: #e02e2c;
    margin: 1%;
    padding: 10px 5px;
}

.harita a {
    display: inline-block;
    margin: 30px auto;
    padding: 12px 15px;
    background: #ddd;
    color: #000;
    font-weight: 600;
    font-size: 12px;
    transition: all .5s;
}
.harita a:hover {
    background: #e02e2c;
    color: #fff;
}

@media (max-width: 1024px){
    body{ font-size:13px;  padding-top: 0px;}
}

@media (max-width: 991px){
    .hizmetler ul li { width: 98%; }
    body{ font-size:25px;  padding-top: 100px;}
    .harita iframe{ width: 100% !important;}
}
@media (max-width: 767px) {
    .hizmetler ul li { width: 98%; }
    body{font-size: 25px;padding-top: 250px !important;}
    .harita iframe{ width: 100% !important;}
    .harita a{font-size: 25px;padding: 15px;}
}