/* Page Content
 ========================================================================== */

.homeHero {
  display: flex;
  flex-direction: column-reverse;
  border-bottom: 20px solid black;
}

.homeHero_content {
  padding: .25rem .25rem .25rem 0;
}

@media (min-width: 768px) {
  .homeHero {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
  }

  .homeHero_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: .25rem;
    padding-bottom: .25rem;
  }
}

.homePrincipals {
  background:  var(--c-black);
  color: var(--c-gray150);
  padding: 1rem;
}

.homePrincipals_content_content {
  padding-bottom: 2rem;
}

@media screen and (min-width: 768px) {
  .homePrincipals {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-auto-rows: minmax(100px, auto);
    column-gap: 4rem;
    row-gap: 2rem;
    padding: 2rem 4rem;
  }

  .homePrincipals_content:first-child {
    grid-row: 1 /6;
  }
}

@media screen and (min-width: 1050px) {
  .homePrincipals {
    grid-template-columns: repeat(3, 1fr);
  }
}

.homeContact {}

/* Debug
 ==========================================================================

.notesHero { box-shadow: inset 0 0 1px 2px magenta; }

.lsec { box-shadow: inset 0 0 1px 2px blue; }
.litem { box-shadow: inset 0 0 1px 2px cornflowerblue; }
.pcon { box-shadow: inset 0 0 1px 2px seagreen; }
.pcon > * { box-shadow: inset 0 0 1px 2px lightgreen; } */