.navbar {
    padding-top: 14px;
    padding-bottom: 14px;
    margin-bottom: 0;
    background-color: #f1f1f1;
    z-index: 9999;
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0;
    opacity:0.9;
    filter:alpha(opacity=90);
}

.navbar li a, .navbar .navbar-brand {
    color: #000 !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
    color: #f4511e !important;
    background-color: #fff !important;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
}

.person {
    border: 10px solid transparent;
    margin-bottom: 25px;
    width: 90%;
    height: 90%;
   
}
.person:hover {
    border-color: #f1f1f1;
}

.carousel-inner img {
    -webkit-filter: grayscale(10%);
    filter: grayscale(10%); /* make all photos black and white */ 
    width: 100%; /* Set width to 100% */
    margin: auto;
}

.carousel-caption h3 {
    color: #fff !important;
}

@media (max-width: 600px) {
    .carousel-caption {
        display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
}

  .bg-white {
    background-color: #ffffff;
  }

.container-fluid {
    height:600px;
    padding: 120px 100px;
   
  }

.container {
background-color: #f1f1f1;
width:100%;
}

    .container h1 {
    font-family: 'Pacifico', cursive; }
   .container h3 {
    font-family: 'Pacifico', cursive; }
   
   .container p1 {
    font-family: 'Pacifico', cursive; }
   
  .bg-grey {
    background-color: #f1f1f1;
  }

.foot {
   height:300px;
}

/* Add a dark background color to the footer */
footer {
    background-color: #2d2d30;
    color: #f5f5f5;
    padding: 32px;
}

footer a {
    color: #f5f5f5;
}

footer a:hover {
    color: #777;
    text-decoration: none;
}