#fh5co-header #navbar li a {
  color:rgba(255,255,255,0.8);
}

#fh5co-home {
background-image:none;

}
#fh5co-home .gradient {

background: #000000;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #434343, #000000);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #434343, #000000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
opacity:0.4;


}

#fh5co-home * {
  text-shadow:0 3px 7px #000;
  color:#fff !important;
  letter-spacing:2px;
}

#fh5co-intro {
  background:#fff;
  padding-top:2em;
  margin-top:0;
  padding-bottom:2em;

}

#fh5co-about, #fh5co-contact {
  background:#fff;
}

#fh5co-work {
  background: #232526;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.modal-content {
  height:450px;
  overflow:scroll;
}

.desc-link:hover, .desc-link:focus {
  text-decoration: none;
}

body .btn.btn-primary {
  background:#333;
}

.btn.btn-primary:hover, .btn.btn-primary:focus {
  background:#555;
}

.navbar {
  min-height:65px
}

.modal-backdrop.in {
  opacity:0.88;
}

#fh5co-header #navbar li a {
  line-height:40px;
}

.navbar-brand > img {
  width:200px;
}

@media screen and (max-width: 1199px) {
  .navbar-brand > img {
    width:80px;
    margin-top:-10px;
  }
}

.navbar-brand > img.white {
  display: block;
}
.navbar-brand > img.color {
  display: none;
}

@media screen and (max-width: 1199px) {
  .navbar-brand > img.white {
    display: none;
  }
  .navbar-brand > img.color {
    display: block;
  }
}

.navbar-fixed-top .navbar-brand > img.white {
  display: none;
}
.navbar-fixed-top .navbar-brand > img.color {
  display: block;
  width:100px;
  margin-top:-10px;
}

@media screen and (max-width: 1199px) {

  .navbar-fixed-top .navbar-brand > img {
    width:80px;
    margin-top:-10px;
  }


}


.mt-5 {
  margin-top:50px;
}


#fh5co-work .fh5co-project-item .fh5co-text {
  text-align:center;
}
#fh5co-work .fh5co-project-item img {
  margin:0 auto;
}

#fh5co-work .fh5co-project-item .fh5co-text h2 {
  font-size:16px;
}

@media screen and (max-width: 991px) {

#fh5co-work .col-md-4 {
  width:100%;
}

}

.title {
  text-align: center;
  margin-top: 20px;
  padding: 10px;
  text-shadow: 2px 2px #000;
  color: #FFF;
}