.shadow{
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

h1{
    font-size: 50px!important;
}

  .texteheader{
      font-weight: 700;
      font-size: 14px;
      color: white!important;
  }

  .flex-equal > * {
    flex: 1;
  }
  @media (min-width: 992px) {
    .flex-md-equal > * {
      flex: 1;
    }
    .flex-lg-equal > * {
      flex: 1;
    }
    .inverse{
      flex-direction: row-reverse;
    }
  }
  

  /* Hover settings */
  .hover {
    overflow: hidden;
    position: relative;
    padding-bottom: 45%;
  }
  
  .hover-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    transition: all 0.4s;
  }
  
  .hover img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
  }
  
  .hover-content {
    position: relative;
    z-index: 99;
  }

  .hover-2 .hover-overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0));
  }
  
  .hover-2-title {
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    width: 100%;
    z-index: 99;
    transition: all 0.3s;
    opacity: 0;
  }
  
  .hover-2-description {
    width: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0;
    left: 0;
    text-align: center;
    z-index: 99;
    transition: all 0.3s;
  }
  
  .hover-2:hover .hover-2-title {
    transform: translateY(-1.5rem);
    opacity: 1;
  }
  
  .hover-2:hover .hover-2-description {
    bottom: 0.5rem;
    opacity: 1;
  }
  
  .hover-2:hover .hover-overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.4));
  }
  
  /* Hover settings */


  @media (max-width: 992px) {
    .hover-2 .hover-overlay {
      background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.4));
    }
    .hover-2-title {
      opacity: 100%;
    }
    .hover-2-description {
      opacity: 100%;
    }
  }