.olcu {
  min-height: 240px;
}
.olcu2 {
  max-height: 200px;
}
.navbar {
  background: white;
}
.baslik {
  font-size: 20px;
  font-style: italic;
  color: #557cc9;
}
.renkli {
  background: #e4e7e9;
}
.smallbaslik {
  font-size: 14px;
  font-style: italic;
  color: #5d5e64;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  text-decoration: underline;
  background-color: white;
}
.jumbotron {
  margin-top: 136px;
  padding-bottom: 20px;
}

@media only screen and (max-width: 600px) and (min-width: 100px) {
  body {
    background-color: white;
  }
  .jumbotron {
    margin-top: 155px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .navbar {
    padding-bottom: 0px;
  }
}