@import url(bootstrap.min.css);

body {   font-family: "Montserrat", sans-serif;}
p { font-size: 18px}

.navbar-scroll { background: #051f40!important;}
.navbar-nav .nav-item .nav-link { color: #fff; font-size: 20px; font-weight: bold; padding-left: 2.5rem;}

.carousel-caption { bottom: 180px}
.carousel-caption h1 { font-size: 47px; font-weight: 900;}

#hizmetlerimiz { background: url(../images/servis-bg.png) no-repeat; background-position: right}
#hizmetlerimiz ul { column-count: 2;}
#hizmetlerimiz li { background: url(../images/disc.png) no-repeat left 5px; padding-left: 2em; padding-bottom: 5px;}

#iletisim { background: url('../images/iletisim-bg.png') no-repeat; padding: 80px 0;}
#iletisim a { font-size: 45px; font-weight: bold; color: #1975c8; text-decoration: none;}
#iletisim img { margin-top: -55px;}

@media (max-width: 991px) {
    .navbar { position: relative; background-color: rgba(5, 31, 64, 0.9)!important}
    .navbar-brand img { height: 30px;}
    .navbar-nav .nav-item .nav-link { padding-left: 0; font-size: 16px;}
    .carousel-caption { bottom: 0;}
    .carousel-caption h1{ font-size: 20px;}
    #iletisim { padding: 0;}
    #iletisim a { font-size: 35px;}
    #iletisim img { margin-top: 10px;}

}