/** 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: 1rem;
  color: #000;
  font-weight: 400;
  line-height: 1.8rem; }

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

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

.titleWrapper.green-bg h3 {
  font-size: 32px; }

.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; }

.navLogo {
  width: 120px !important; }

#clock-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 300px; }
  #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%; }

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

#colectivo-img img {
  width: 100%; }

#hol-museum-img, #bahai-img, #tacoDiablo-img {
  margin-top: 34px; }

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

.cta {
  margin: 32px auto; }

.shrink {
  width: 80px !important;
  right: 35px !important; }

.chapterImage.c0 {
  position: relative;
  height: 100vh;
  background: transparent url(https://www.maddencdn.com/content/images/2019/chicago_north_shore/discovering-the-culture-of-chicago-north-shore/c0_BG_sm.jpg) no-repeat center center scroll;
  background-size: cover; }
  .chapterImage.c0 #c0-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block; }
    .chapterImage.c0 #c0-overlay img {
      display: block;
      position: relative; }
    .chapterImage.c0 #c0-overlay #c0-title-img {
      -webkit-transform: translateY(78px);
      -ms-transform: translateY(78px);
      transform: translateY(78px);
      width: 100%;
      z-index: 600; }
    .chapterImage.c0 #c0-overlay #c0-influencer-img {
      width: 85%;
      max-width: 340px;
      margin: 0 auto;
      z-index: 1200; }

.footer .alsoLikeLinkWrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .footer .alsoLikeLinkWrap .linkWrapper {
    margin: 12px 0; }