/* 70dfff - 428bca */
html {
   height: 100%;
   }
body {
   font-family: 'Kalam', cursive;
   background-image: url("../img/carbon.png");
   color: #FFF;
   height: 100%;
   }
a {
   color: inherit;
   }
a:active,
a:hover {
   text-decoration: none;
   color: inherit;
   }
.navbar-brand {
   font-family: 'IM Fell English', serif;
   }
.img-gray {
   filter: gray;
   -webkit-filter: grayscale(1);
   -webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
   -moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
   box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
   margin-bottom: 20px;
   }
.img-gray:hover {
   filter: none;
   -webkit-filter: grayscale(0);
   }
#bd-button {
   border-color: #428BCA;
}
#bd-button:hover {
   background: #FFF;
   color: #428BCA;
}

#filter li {
   color: #428BCA;
}
#filter li:hover,
#filter li:focus,
#filter li:active,
#filter li.active
{
   color: #FFFFFF;
}

#sitefooter {
   /*background-image: url("../img/carbon.png");*/
   background: none;
   padding-top: 10px;
   padding-bottom: 10px;
   z-index: 600;
}
#portfolios img {
   border: groove 1px #FFF;
}
#archive img {
   border: groove 1px #FFF;
}
/* MODAL */
.modal-content {
  background-color: #101010;
  }
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #000;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
  padding-right: 5px;
  color: #FFFFFF;
}