.logo-small{
  max-height: 70px;
}
.service-container{
  background: white;
  padding-bottom: 80px;
  border-bottom: 2px rgba(0, 0, 0, 0.1) solid;
}
.service-container .row > div{
  min-height: 500px;
  padding: 3rem 1rem;
  z-index: 1;
}
.service-container .row > div:first-child{
  min-height: inherit;
}

.project-small, .project-big{
  height: 346px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  position: relative;
}
.project-index{
  font-family: "bauhaus";
  font-size: 122px;
  line-height: 80px;
  transform: translateX(-8px);
  color: white;
}
.project-small h3, .project-big h3{
  text-transform: uppercase;
  font-size: 21px;
}
.project-small::before, .project-big::before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  mix-blend-mode: lighten;
}
.project-small::after, .project-big::after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
}

.project-small.blue::before, .project-big.blue::before{
  background: linear-gradient(transparent, rgb(39, 54, 104) 76.89%);
}
.project-small.blue::after, .project-big.blue::after{
  background: linear-gradient(transparent 63.45%, rgb(39, 54, 104) 96.64%);
}
.project-small.orange::before, .project-big.orange::before{
  background: linear-gradient(transparent, #600e04 76.89%);
}
.project-small.orange::after, .project-big.orange::after{
  background: linear-gradient(transparent 63.03%, #600e04 97.06%);
}

.text-decoration{
  font-family: "bauhaus";
  font-size: 17rem;
  line-height: 17rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
}
.text-decoration.left{
  right: -35px;
}
.text-decoration.right{
  left: -15px;
  transform: translateY(-40%);
  line-height: 8rem;
}
.text-decoration > span{
  font-size: 3rem;
  line-height: 3rem;
  padding-left: 2rem;
  display: inline-block;
}
.owl-stage{
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .banner h1{
    font-size: 55px!important;
    line-height: 55px!important;
  }
}
@media (min-width: 992px) {
  .service-container .row > div{
    min-height: 695px;
    padding: 52px;
  }
  .service-container .row > div:nth-child(2){
    
  }
  .project-big{
    height: 100%;
  }
  .text-decoration > span{
    font-size: 4rem;
    line-height: 4rem;
  }
}
