<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">section.curriculum {}

section.curriculum &gt; h1 {}

@media screen and (min-width:800px) {
  section.curriculum &gt; div {
    display:flex;
  }
  section.curriculum &gt; div .desc {
    max-width:421px;
    margin-right:40px;
  }
}

section.curriculum &gt; div &gt; section {
  width:100%;
  padding: 20px 4%;
  background:#f27dae;

}

section.curriculum &gt; div &gt; section &gt; h2 {
  font-size:.90em;
  color:#fff;
}
section.curriculum div div.desc img {
  width:100%; height:auto;
}

section.curriculum div.desc p:first-of-type a {
  display:block;
  width:100%;
  margin: 10px 0 50px 0;
  padding: 4px 0;
  text-transform: uppercase;
  text-align:center;
  background:#f9c8dd;
}

section.curriculum div div.desc h3 {
  text-align:center;
}

section.curriculum &gt; div &gt; section &gt; div  {
  display:flex;
  justify-content: space-evenly;
  flex-wrap:wrap;
}

section.curriculum &gt; div &gt; section &gt; div &gt; article,
section.curriculum .info {
  position:relative;
  width:45%;
  min-width:240px;
  padding:10px 10px 40px 10px;
  margin: 0 0 20px 0;
}

section.curriculum &gt; div &gt; section &gt; div &gt; article {
  font-size:0.90em;
  box-shadow: 0px 0px 4px 4px rgba(30,30,30,.35);
}
section.curriculum div.rsvp {
  position:absolute;
  bottom:10px;left:10px; right:10px;
}
section.curriculum div.rsvp a {
  display:block;
  width:100%;
  padding: 4px 0;
  font-weight:bold;
  text-align:center;
  background:#eee;
  color:#F27DAE;
}

section.curriculum div.rsvp a:before {
  background-image: url(/images/envelope_pink.svg);
  background-size: 19px 15px;
  display: inline-block;
  width: 19px;
  height: 15px;
  margin-right:10px;
  content:"";
}


section.curriculum .info {
  font-weight:bold;
  color:#fff;
}
</pre></body></html>