a {
  color: #008325;
}

a:hover {
  color: #d60701;
}

.topbar a {
  color: white;
}

.btn-big {
  font-size: 18px;
}

.navbar-inverse {
  background-color: #d60701;
  background-image: -webkit-linear-gradient(top, #d60701 0%, #008325 100%);
  background-image: linear-gradient(to bottom, #d60701 0%, #008325 100%);
  background-repeat: repeat-x;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  color: #cccccc;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #d60701;
  background-image: none;
  background-image: none;
  filter: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.navbar-inverse .navbar-toggle {
  border-color: #008325;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #008325;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #008325;
  color: #fff;
}

/* Logo container customizations */

#logo-container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.kofa-content-narrow .alert {
  margin-right: 35px;
}

.kofa-content-wide .alert {
  margin-right: 50px;
}

.lp-logo {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.obi-datti-image {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 992px) {
  .lp-logo {
    width: 80%;
  }
  .obi-datti-image {
    width: 80%;
  }
}

@media (min-width: 1200px) {
  .lp-logo {
    width: 65%;
  }
  .obi-datti-image {
    width: 65%;
  }
}