/* CSS Document */
/***COLORS***/
html {
  background: #f0f0f0 url(../../images/subtle_white_feathers_@2X.png) repeat; }

body {
  font: normal normal normal 1.5em/1.9em 'lucida grande', helvetica, sans-serif; }

img {
  max-width: 100%; }

#projectCarousel {
  width: 100%;
  max-width: 100%;
  min-height: 140px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px; }

/*Text for projects*/
#projectCarousel h1.carousel-project-title {
  display: block;
  position: absolute;
  font: normal 2.2em/1.1em "brandon grotesque", arial, sans-serif;
  text-transform: uppercase;
  width: 20%;
  left: 5%;
  bottom: 2%;
  z-index: 100; }

/*---s width---*/
@media screen and (max-width: 992px) {
  #projectCarousel h1.carousel-project-title {
    font: normal 1.8em/1.1em "brandon grotesque", arial, sans-serif;
    position: absolute;
    top: 100%;
    left: 0;
    background: #d1d3d4;
    text-align: left;
    padding: 0.5em 0.8em 1.5em 0.8em;
    margin-left: 0;
    width: 100%;
    min-height: 4em; }
  #projectInfo {
    margin-top: 10em; }
  #projectFooter {
    text-align: center; } }

/*ends media query*/
/*sm and larger*/
@media screen and (min-width: 768px) {
  .social {
    text-align: right; } }

/*ends media query*/
.titleWhite {
  color: white; }

.padding20 {
  padding: 1em 1em 1em 0; }

/*controls*/
#projectCarousel .carousel-control {
  padding-top: 80px; }

/*info*/
#projectInfo {
  padding-top: 1em; }

/*footer styles*/
#projectFooter {
  /*position: absolute;
    left: 0;
    bottom: 0;*/
  background: #f0f0f0 url(../../images/subtle_white_feathers_@2X.png) repeat;
  width: 100%;
  padding: 2em; }