/***********************************************
General
***********************************************/

.locationphoto  {
  display: block;
  max-width: 200px;
  margin: 0 auto 30px;
  padding: 20px;    
  border-radius: 20%;
}


/***********************************************
Container
***********************************************/



.container img {
    width: 100%; /* Set width to 100% */
    margin: auto;
}


/***********************************************
Carousel
***********************************************/

.carousel-inner img {
    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 */
    }
}



/***********************************************
Contact
***********************************************/

#contact {
   margin-bottom: 20px;
   align-content: center;
}


/***********************************************
Nav bar
***********************************************/

/* Add a dark background color with a little bit see-through */ 
.navbar {
    margin-bottom: 0;
    background-color: #2d2d30;
    border: 0;
    font-size: 11px !important;
    letter-spacing: 4px;
    opacity:0.9;
}

/* Add a gray color to all navbar links */
.navbar li a, .navbar .navbar-brand { 
    color: #d5d5d5 !important;
}

/* On hover, the links will turn white */
.navbar-nav li a:hover {
    color: #fff !important;
}

/* The active link */
.navbar-nav li.active a {
    color: #fff !important;
    background-color:#29292c !important;
}

/* Remove border color from the collapsible button */
.navbar-default .navbar-toggle {
    border-color: transparent;
}



/***********************************************
Footer
***********************************************/

footer {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    background-color: black;
    border: 10;
    font-size: 11px !important;
    letter-spacing: 10px;
    opacity:0.9;
}

.social-icon  {
  width: 20px;
  height: 20px;
  margin: 0 5px;
}