.bg-white {
  background-color: #FFF; }

html {
  font-size: 14px; }
  @media (max-width: 992px) {
    html {
      font-size: 12px; } }

body {
  background: #EFEFEF;
  color: #333;
  padding-bottom: 60px; }

.hero {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  height: 600px;
  background-image: url("./image/hero.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed; }
  @media (max-width: 576px) {
    .hero {
      height: 50vh;
      background-image: url("./image/hero_sm.jpg"); } }
  .hero__title {
    flex: 1 1 auto; }
    .hero__title svg {
      filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
      fill: #FFF; }
  .hero__subTitle {
    font-size: 1.6rem;
    color: #FFF;
    text-align: right;
    font-family: Serif; }

.lead {
  margin: 120px 0 0;
  text-align: center;
  font-weight: bold; }
  @media (max-width: 576px) {
    .lead {
      margin: 60px 0 0; } }

.heading {
  margin: 120px 0 24px;
  font-size: 4rem;
  font-weight: bold;
  color: #000; }
  @media (max-width: 576px) {
    .heading {
      margin: 60px 0 24px; } }
  .heading__accent {
    color: #E53D4E; }
    .heading__accent--green {
      color: green; }

.work {
  display: flex;
  margin-bottom: 80px; }
  @media (max-width: 992px) {
    .work {
      display: block; } }
  .work__image {
    width: 500px;
    height: 400px;
    border-radius: 20px 0 20px 0;
    object-fit: cover;
    background-color: #CCC; }
    @media (max-width: 992px) {
      .work__image {
        height: 400px;
        width: 100%;
        margin-bottom: 24px; } }
  .work__text {
    margin-left: 32px;
    width: 100%; }
    @media (max-width: 992px) {
      .work__text {
        margin-left: 0; } }
  .work__artistContainer {
    display: block;
    color: #000;
    border-bottom: 2px solid #000;
    padding-bottom: 8px;
    margin-bottom: 8px; }
  .work__artistLabel {
    display: inline-block;
    width: 60px; }
  .work__artist {
    display: inline-block;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: bold; }
  .work__titleContainer {
    margin-bottom: 32px; }
    @media (max-width: 992px) {
      .work__titleContainer {
        margin-bottom: 16px; } }
  .work__titleLabel {
    display: inline-block;
    width: 60px; }
  .work__title {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.2rem; }
  .work__poem p {
    line-height: 2rem; }

.eventContainer {
  padding-bottom: 60px;
  background-color: #FFF; }

.account__twitter {
  color: #333; }

/*# sourceMappingURL=style.css.map */