.preloader .container, #header {
  animation-delay: .5s;
}

.preloader  {
  animation-duration:1s;
}

.preloader .container {
  height:100%;
}

.preloader:before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../img/bg2.png);
  background-position: center top;
  background-size: cover;
  /*opacity: .2 !important;
  --mask: linear-gradient(to bottom, rgba(0,0,0, 1) 0, rgba(0,0,0, 1) 40%, rgba(0,0,0, 0) 95%, rgba(0,0,0, 0) 0 ) 100% 50% / 100% 100% repeat-x;
  -webkit-mask: var(--mask);
  mask: var(--mask);*/
}

div.preloader .definition {
  animation-delay: .75s;
}

.arrows {
  animation-delay: 1s;
}

#services {
  background: linear-gradient(0deg, #fff 0%, #efefef 100%);
  display:flex;
  justify-content: center;
}

#services .row {
  width:1400px;
  max-width:100vw;
  margin-bottom:3rem;
  text-align: center;
}

#services .row .col-md-6 {
  margin:0 auto;
  padding:2rem 1rem;
}

#services .row .col-md-6:last-child {
  display: none;
}

#services .row .col-md-6 table td {
  padding:1rem 2rem;
  border:none;
}

#services .row .col-md-6 table td:first-child {
  text-align: center;
  padding-left:1rem;
  position:relative;
  vertical-align: top;
  padding-top:2rem;
}

#services .row .col-md-6 table td:first-child:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  right: 0;
  top: 0;
  background-image: linear-gradient(0deg, #efefef 0%, rgb(0 0 0) 50%, #efefef 100%);
}

 
#services .row .col-md-6 table td:last-child {
  padding-right:1rem;
 }

#services .row .col-md-6 table td h2 {
  color:#ca571e;
  margin-bottom:.75rem;
}

#services .row .col-md-6 table td p {
  margin-bottom:0;
}

#services .row .col-md-6 img {
  width:60px;
  filter:drop-shadow(1px 2px 3px #999)
}

#services .row .col-md-6 img:last-child {
  transform: scaleY(-1);
  margin-top: 1rem;
  opacity: .2;
  --mask: linear-gradient(to bottom, rgba(0,0,0, 0) 0, rgba(0,0,0, 0) 5%, rgba(0,0,0, 1) 95%, rgba(0,0,0, 1) 0 ) 100% 50% / 100% 100% repeat-x;
  -webkit-mask: var(--mask);
  mask: var(--mask);
}
div.overlay {
  opacity:.6;
}

@media (min-width: 768px) {
  .preloader:before {
    /*opacity: .5 !important;*/
  }
  #services .row .col-md-6 table td:first-child {
    vertical-align: middle;
    padding-top:1rem;
  }
  
  #services .row .col-md-6:last-child {
    display: flex;
  }

  #services .row .col-md-6 img:last-child {
    display:none;
  }

  #services .row:first-child {
    height: auto;
}
}