/* Page Content
 ========================================================================== */
.notesHero {}


.notebook_row {
  display: flex;
  flex-direction: column;
}

.notebook_row figure {

}

@media (min-width: 768px) {
.notebook_row {
  display: flex;
  flex-direction: row;
  margin: 0 1rem ;
}

.notebook_row figure {
  margin: 1rem .5rem;
}
}

h2 {font-weight: normal}
h1,h2 {
  padding: 1rem;
}


/* 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; }  */