.navbar {
    background: #085E7D !important;
   
}

.bg-dark {
    background: #085E7D !important;
}

.card-img-top {
    width: 100%;
    height: 50vh;
    object-fit: cover;
}



@media (min-width: 768px) { 
    .card-img-top {
        height: 32vh;
    }

    #map {
        height: 100%;
    }
 }

 #mobile .class-listt a{ 
  margin-right:30px;
 }

 .cardmargin a{
    margin-right:15px;
}

 #footer-icons li{
    list-style: none;
    display:inline-block;
    font-size:25px;
   
}

.cardmargin a{
    margin-right:15px;
}


/* Gölgelendirme  */
.card {
            background: #edf5f7;
            padding: 25px 10px;
             /* 0px ve 7px gölgenin konumu, 29px gölge büyüklüğü, sıfır ise gölge dağınıklık derecesi */
            /* rgaba renkle ilgili, sayılar rengin kodları, sıfır iki ise rengin şeffaflığı. a, allpha  oluyor, alfa değerini değiştirmiş oluyoruz. */
            box-shadow: 0px 7px 29px 0px rgba(100, 100, 111, 0.2);
             /* trnasition ile gölge geçiş süresini ayarlıyoruz, daha güzel bir efekt üretmiş oluyoruz. */
            transition: box-shadow .6s;
            transition: all .3s;
        }

        .card:hover {
             /*Gölgenin şeffaflığı ile oynayarak gölge efekti veriyoruz. a, allpha  oluyor, alfa değerini değiştirmiş oluyoruz. */
            box-shadow: 0px 7px 29px 0px rgba(100, 100, 111, 0.5);
            transform: translateY(-2px);
        }

    /* .nav-link {
        if (min-width) {

             font-size:x-small;
        }
       

    } */

    @media (max-width:768px) { 
    .nav-link {
         font-size:x-small;
    }; 
};


.tab-pane{
  height:550px;
  overflow-y:scroll;
  width:100%;
}
.cont-scroll{
  height:550px;
  overflow-y:scroll;
  width:100%;
  text-align: center;
}