/* ============================
   MAIN WRAPPER
============================ */

.sub-layout {
  padding-bottom: 5em;
  padding-top: 80px;
  display: flex;
  flex-direction: column;

  align-items: center;
}


/* ============================
   CONTENT
============================ */

.sub-content {
  width: 100%;
  max-width: 1300px;
  min-height: 300px;

  /*background: rgba(20,20,20,.9);
  border-radius: 26px;

  padding: 3em;

  box-shadow:
    0 20px 50px rgba(0,0,0,.6);*/

}
  

.sub-content-wrapper {
  width: 100%;
  padding: 3em;
  margin-bottom: 4em;

  border-radius: 28px;
  overflow-y: visible;
  background: rgba(20, 20, 20, .75);

  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.04),
    0 15px 45px rgba(0, 0, 0, 0.9);

  min-width: 0;
}


.sub-text {
  line-height: 1.2em;
}


/* ============================
   RESPONSIVE
============================ */

@media (max-width: 800px) {


  .sub-layout {
    padding: 1em;
    padding-top: 80px;

    align-items: stretch;
  }

  .sub-content {
    padding: 2em 1.6em;
  }

  .card__inner {
    max-height: 40vh;
  }

}