body {
  background-image: url("/photo/background.jpg") ;
  position: relative ;
}

.affix {
  top: 0px ;
  width: 100% ;
  z-index: 9999 !important ;
}

.navbar {
  margin-bottom: 0px ;
}

.affix ~ .container-fluid {
  position: relative ;
  top: 50px ;
}

main header {
  height: 192px ;
}

.carousel {
  margin-top: 1em ;
  background: mintcream ;
  color: #222222 ;
}

.carousel p {
  margin-left: 15px ;
  margin-top: 5px ;
}

.jumbotron {
  margin-top: 5px ;
  background: mintcream ;
}

section header {
  font-weight: bold ;
  font-size: 1.2em ;
  border-bottom: 1px solid #222222 ;
  height: auto ;
}

.headerImg {
  width: auto ;
}

main article header {
  height: auto ;
  font-weight: bold ;
  font-size: 1.5em ;
  width: 100% ;
  text-align: center ;
}

.no-small-screen {
  display: none ;
}

.hover:hover {
  cursor: pointer ;
}

main .row {
  margin-top: 1em ;
}

/* Display phone portrait */
@media only screen and (min-width: 320px) {
  #headerRight {
    display: none ;
  }

  header img {
    width: 100% ;
  }

 .googleMaps {
    display: none ;
  }

}

/* Display phone landscape */
@media only screen and (min-width: 480px) {
  header img {
    width: auto ;
  }
}

/* Display small tablet portrait */
@media only screen and (min-width: 600px) {
}

/* Display tablet portrait */
@media only screen and (min-width: 768px) {
}

/* Display tablet landscape */
@media only screen and (min-width: 800px) {
  .googleMaps {
    display: block ;
  }

}

/* Display max screen */
@media only screen and (min-width: 1024px) {
  #headerRight {
    display: block ;
  }
  .no-small-screen {
    display: block ;
  }

}

.slideTxt {
  position: absolute ;
  top: 0px ;
  left: 0px ;
}

body .container footer {
  background-color: #0994dd ;
  border: 1px solid #00008b ;
  border-radius: 4px ;
  color: white ;
  font-weight: bold ;
  margin: 0px ;
  padding: 0px ;
  padding: 1em 0em;
  margin: 1em 0em ;
}
 body .container footer a {
	 color: white ;
 }

article header {
  margin: 0.6em 0em ;
  font-weight: bold ;
  color: darkblue ;
}

  
article footer {
  margin-top: 1em ;
  font-size: 0.8em ;
}

.well {
  width: 90% ;
}

.navbar-inverse {
  font-weight: bold ;
  font-size: 18px ;
}


/****************** NAVBAR *****************/


.navbar-kruikit {
  background-color: #0994dd;
  border-color: #00008b;
  font-weight: bold ;
  font-size: 18px ;
}

.navbar-kruikit .navbar-brand {
  color: #ffffff;
}

.navbar-kruikit .navbar-brand:hover,
.navbar-kruikit .navbar-brand:focus {
  color: #ffffff;
}

.navbar-kruikit .navbar-text {
  color: #ffffff;
}

.navbar-kruikit .navbar-nav > li > a {
  color: #ffffff;
}

.navbar-kruikit .navbar-nav > li > a:hover,
.navbar-kruikit .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: darkblue ;
}

.navbar-kruikit .navbar-nav > li > .dropdown-menu {
  background-color: #0994dd;
}

.navbar-kruikit .navbar-nav > li > .dropdown-menu > li > a {
  color: #ffffff;
  background-color: darkblue ;
}

.navbar-kruikit .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-kruikit .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #00008b;
}

.navbar-kruikit .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #00008b;
}

.navbar-kruikit .navbar-nav .open .dropdown-menu > .active > a,
.navbar-kruikit .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-kruikit .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: #00008b;
}

.navbar-kruikit .navbar-nav > .active > a,
.navbar-kruikit .navbar-nav > .active > a:hover,
.navbar-kruikit .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #00008b;
}

.navbar-kruikit .navbar-nav > .open > a,
.navbar-kruikit .navbar-nav > .open > a:hover,
.navbar-kruikit .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #00008b;
}

.navbar-kruikit .navbar-toggle {
  border-color: #00008b;
  background-color: #00008b ;
}

.navbar-kruikit .navbar-toggle:hover,
.navbar-kruikit .navbar-toggle:focus {
  background-color: #00008b;
}

.navbar-kruikit .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

.navbar-kruikit .navbar-collapse,
.navbar-kruikit .navbar-form {
  border-color: #ffffff;
}

.navbar-kruikit .navbar-link {
  color: #ffffff;
}

.navbar-kruikit .navbar-link:hover {
  color: #ffffff;
}