div > img {
  width: auto;
  height : auto;
  max-width: 100%;
}


.footer {
    padding: 20px 0;
}



.work:hover .desc,
.work:focus .desc {
    margin-top: -102px;
}
.work .desc {
    padding: 12px 15px;
    position:absolute; 
    right: 0;
    left: 0;
    top: 100%;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.work .desc .desc-title {
    color: #fff;
    font-size: 14px;
    display: block;
    font-weight: 600;
}
.work .desc .desc-text {
    font-size: 12px;
    color: #ccc;
    display: block;
}



/*Picture in background
.content.has-bg .content-bg:before {

    background: inherit;
    background:url('/assets/img/DBgray.png') no-repeat center;
    background-color:#242A30;
 
}
/*Smaller footer
.footer .footer-brand {
    margin-bottom: 3px;
}

.footer {
    padding: 10px 0;
    }
/*Make Nav bar smaller to fit to size of text
.navbar {
       min-height: 1px;
       margin-bottom: 1px;
       border: 0px;      
    }

.header.navbar.navbar-transparent {
    border-bottom: 0px solid rgba(255,255,255,.2);
}

/*Vertical alignment for rows
.vertical-align {
  display:flex;
  flex-direction: row;
}
.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
  justify-content: center;
}


.vertical-align {
     padding-top: 15px;
     padding-bottom:15px;
}
/*text alignment based on size

@media (max-width: 767px) {
    .text-left-xs {
      text-align: left;
      padding-top:15px;
      
      
    }
    .text-right-xs {
      text-align: right;
      padding-top:15px;
    }
    .text-center-xs {
      text-align: center;
      padding-top:15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-left-sm {
      text-align: left;
    }
    .text-right-sm {
      text-align: right;
    }
    .text-center-sm {
      text-align: center;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-md {
      text-align: left;
    }
    .text-right-md {
      text-align: right;
    }
    .text-center-md {
      text-align: center;
    }
}

@media (min-width: 1200px) {
    .text-left-lg {
      text-align: left;
       font-size:150%;
    }
    .text-right-lg {
      text-align: right;
      font-size:150%;
    }
    .text-center-lg {
      text-align: center;
      font-size:150%;
    }
}

    /*colors for svg images*/
.svg-white {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(356deg) brightness(105%) contrast(101%);
}

.svg-darkBlue {
    filter: brightness(0) saturate(100%) invert(26%) sepia(8%) saturate(891%) hue-rotate(167deg) brightness(89%) contrast(90%);
}

.svg-gray {
    filter: brightness(0) saturate(100%) invert(69%) sepia(2%) saturate(8%) hue-rotate(332deg) brightness(94%) contrast(86%);
}

.svg-primary {
    filter: brightness(0) saturate(100%) invert(40%) sepia(78%) saturate(683%) hue-rotate(172deg) brightness(93%) contrast(87%);
}

.svg-menuGray {
    filter: invert(80%) sepia(0%) saturate(1142%) hue-rotate(71deg) brightness(91%) contrast(75%)
}

.svg-dbGreen {
    filter: brightness(0) saturate(100%) invert(48%) sepia(95%) saturate(1000%) hue-rotate(141deg) brightness(86%) contrast(104%);
}

.svg-red {
    filter: brightness(0) saturate(100%) invert(63%) sepia(70%) saturate(3934%) hue-rotate(325deg) brightness(100%) contrast(101%);
}

.svg-yellow {
    filter: brightness(0) saturate(100%) invert(49%) sepia(58%) saturate(619%) hue-rotate(357deg) brightness(95%) contrast(97%);
}

.service .icon {
    float: left;
    width: 50px;
    height: 50px;
    background: #242a30;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.desc {
    color: #bbbbbb !important;
}