/* Add a dark background color with a little bit see-through */ 
#ig_icon{
		  background-color: white;
		  padding:4px;
	  }
.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;
}

/* Dropdown */
.open .dropdown-toggle {
    color: #fff ;
    background-color: #555 !important;
}

/* Dropdown links */
.dropdown-menu li a {
    color: #000 !important;
}

/* On hover, the dropdown links will turns ocean blue. */
.dropdown-menu li a:hover {
    /*background-color: #ff9933; <-- This is the orange color that was previouly used.*/
    background-color: #555;
}
/* END OF THE CSS FOR THE NAV BAR*/
	  
	.carousel-inner{
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		  
	  }
  .container {
      padding: 80px 120px;
  }
	  
  .person {
      border: 10px solid transparent;
      margin-bottom: 25px;
      width: 80%;
      height: 80%;
  }
  .person:hover {
      border-color: #f1f1f1;
  }
  .bg-1 {
      background: #2d2d30;
      color: #bdbdbd;
  }
  .bg-1 h3 {color: #fff;}
  .bg-1 p {font-style: italic;}

.oceanBlue {
	background: #66ccff;
}

.mainBackground {
    background: #fff9e6;
    font-family: 'Old Standard TT', serif;
}

/* The following code are for the buttons that I use on my home screen for my portfolio & freelance work */
.pfbtn {
  border: 2px solid black;
  background-color: #fff9e6;
  color: black;
  padding: 14px 28px;
  font-size: 14px;
  cursor: pointer;
}

.myWork {
  border-color: #2d2d30;
  color: #2d2d30; /* text color */
}

.myWork:hover {
  background-color: #2d2d30;
  color: #fff9e6 !important; /* text color */
}
.myWork a:hover {
    color: #fff9e6 !important;
}
/* This is the end of the code for the buttons for my freelance & portfolio */

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
	  
 footer {
      background-color: #2d2d30;
      color: #f5f5f5;
      padding: 32px; /* This is the padding for the top of the footer. That way it's not colliding w/the other stuff on the page */
      padding-bottom: 100px; /* This is the bottom of the footer. It can change depending on the # of links I want */
  }
  footer a {
      color: #f5f5f5;
  }
  footer a:hover {
      color: #777;
      text-decoration: none;
  }