.op-header-home{
  position: relative;
}

.op-header-home .overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--color-dark);
  opacity: 0.2;
  z-index: 0;
  top: 0;
}

.op-header-home video{
	width: 100%;
  height: 600px;
  object-fit: cover;
}

.op-header-home .image img{
  width: 100%;
  height: 600px;
  object-fit: cover;
}

.op-header-home .content{
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 75%;
}

.op-header-home .content .logo-home img{
  height: 150px;
  margin-bottom: 20px;
}

.op-header-home .content .titles{
  color: white;
  animation: 1s ease-out 0s 1 slideInFromLeft;
}

.op-header-home .content .titles h2{
  font-weight: 200;
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@media (max-width: 991.98px){
  .op-header-home .content{
    width: 95%;
  }
}