#mainNav {
  background-color: #0039ac !important;
  background-image: linear-gradient(to right, #3674bd, #7f3f7f);
}

.navbar-brand {
  font-family: "Raleway", sans-serif !important;
  /* color: #f08b3d !important; */
  color: #f8f9fa !important;
}

.fa-stack-2x.text-primary {
  /* color: #f08b3d !important; */
  color: #7f3f7f !important;
}

.bton {
  background-color: #7f3f7f !important;
  border-color: #674f92 !important;
}

.bton:hover {
  background-color: #3674bd !important;
  border-color: #674f92 !important;
}

.navbar-toggler {
  background-color: #3674bd !important;
}

.timeline-image {
  background-color: #7f3f7f !important;
}

#sendMessageButton {
  background-color: #7f3f7f !important;
  border-color: #674f92 !important;
}

#sendMessageButton:hover {
  background-color: #3674bd !important;
  border-color: #674f92 !important;
}

.icon:hover {
  background-color: #7f3f7f !important;
}

figure {
  position: relative !important;
  width: 100% !important;
  height: 300px !important;
  margin: 0 !important;
}

.fixed-wrap {
  clip: rect(0, auto, auto, 0) !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.inc{
  font-size: 2rem !important;
}
#fixed {
  background-image: url("assets/img/mac.jpg") !important;
  /* background-color: url('assets/img/mac.jpg') !important; */
  position: fixed !important;
  display: block !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover !;
  background-position: center center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}
#career {
  padding-top: 2em !important;
  padding-bottom: 5px !important;
}

.beforeweb {
  height: 100px;
  background-image: linear-gradient(#202125, #2d4f6c) !important;
}
.web {
  /* height: 450px !important; */
  height: auto !important
}

.afterweb {
  height: 100px;
  background-image: linear-gradient(to top, #212529, #2d4f6c) !important;
}
/* padding{
    padding-bottom: 0.8rem !important;
  }
 */

.car-image {
  height: 250px;
  width: auto;
}
@media (max-width:500px){
  .car-image{

    width:100% !important;
    height: auto !important;
  }
}

.alert {
  text-align: center;
  padding: 10px;
  background: #79c879;
  color: #fff;
  margin-bottom: 10px;
  display: none;
}