/** COMPILED FROM SCSS SOURCE. DO NOT EDIT DIRECTLY */
@import url("https://fonts.googleapis.com/css?family=Raleway:400,500,700|Satisfy&display=swap");
body {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  color: #000;
  font-weight: 400;
  line-height: 2rem; }

h2, h3 {
  font-family: 'Satisfy', Helvetica, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 4.5rem; }

section {
  width: 100%; }
  section p, section h2, section h3, section h4 {
    width: 88%; }
  section p {
    margin: 0 auto; }
  section h2, section h3, section h4 {
    margin: 15px auto; }

.flex {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .flex .col {
    padding: 0; }
  .flex.c3 {
    margin-top: 42px; }
  .flex.c4, .flex.c6 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }

#isSmall {
  visibility: hidden;
  float: none; }

#isMedium {
  visibility: hidden;
  float: left; }

#isLarge {
  visibility: hidden;
  float: none; }

.chapterImage.c0 {
  height: 100vh;
  background: transparent url(https://www.maddencdn.com/content/images/2019/chicago_north_shore/discovering-the-culture-of-chicago-north-shore/c0_lg.jpg) no-repeat center center fixed;
  background-size: cover; }
  .chapterImage.c0 #c0-overlay {
    display: none; }

#clock-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 297px; }
  #clock-col .inlineImage {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    padding: 14px; }

#restaurant, #hol-museum-img, #bahai-img, #tacoDiablo-img {
  width: 100%; }
  #restaurant img, #hol-museum-img img, #bahai-img img, #tacoDiablo-img img {
    width: 100%; }

#bibimbap, #coffee-img {
  display: none; }

#coffee-col, #clock-col, #hol-museum-col, #bahai-col, #taco-col {
  margin: 42px 0; }

#museum-img, #clocks-img {
  text-align: center; }
  #museum-img img, #clocks-img img {
    width: 100%; }

.footer {
  padding-bottom: 4.0em; }