/*********************************************************************************
/*
/* columns
/*
/********************************************************************************/

.column-wrap {
  display: flex;
  flex-direction: column-reverse;
  box-shadow: none;
}

.column-wrap h1 {
  margin-top: 0px;
}

.column-wrap h3 {
  padding-bottom: 20px;
}

.title-xs {
  display: flex;
  flex: 0 0 100%;
}

.column {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.column-left {
  flex: 1 1 55%;
  background: var(--background-opaque);
  margin: -90px auto 15px auto;
  max-width: 87%;
  border-radius: 6px;
  box-shadow: 0px 0px 10px rgba(128, 128, 128, 0.6);
  z-index: 1;
}

.column-left .title-hidden-xs {
  display: none;
}

.column-left .title-visible-xs {
  display: block;
}

.column-right {
  flex: 1 1 45%;
}

.column .progressive {
  width: 100%;
  height: 100%;
}

.column .progressive img {
  width: 100%;
  height: 90%;
  object-fit: cover;
  margin: 0 auto;
  box-shadow: 0px 0px 10px rgba(128, 128, 128, 0.6);
}

.column .cta-wrapper {
  margin: 0;
}

@media (min-width: 900px) {

  .column-wrap{
    flex-direction: row;
    box-shadow: 0px 0px 10px rgba(128, 128, 128, 0.6);
    border-radius: 6px;
  }  
  
  section .column-wrap:nth-last-child(n+2) {
    margin-bottom: 15px;
  }

  .title-hidden-xs {
    display: block !important;
  }

  .title-visible-xs {
    display: none !important;
  }

  .column-left {
    margin: 0px auto 10px auto;
    max-width: 100%;
    box-shadow: none;
  }

  .column img {
    box-shadow: none;
  }

}