body {
    background-color: #F2DBD2;
}
.content {
  background-color: #E9EDF3;
}

.hero {
  height: 12rem;
  background-image: url(/images/hero.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.my-atuo {
  margin-top: auto;
  margin-bottom: auto;
}

.event-bg {
  background-image: url(/images/bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.week-active {
  background: linear-gradient(122deg, #FB5088 0%, #E81472 100%);
}

.pink-triangle-arrow {
  border: 6px solid transparent;
  border-top: 6px solid #E91F6C;
}

@media (min-width: 640px) {
  .pink-triangle-arrow {
    border: 6px solid transparent;
    border-top: 6px solid #E91F6C;
  }
}

@media (min-width: 768px) {
  .pink-triangle-arrow {
    border: 6px solid transparent;
    border-top: 6px solid #E91F6C;
  }
}

@media (min-width: 1024px) {
  .pink-triangle-arrow {
    border: 6px solid transparent;
    border-top: 6px solid #E91F6C;
  }
}

@media (min-width: 1280px) {
  .pink-triangle-arrow {
    border: 12px solid transparent;
    border-top: 12px solid #E91F6C;
  }
}

@media (min-width: 1536px) {
  .pink-triangle-arrow {
    border: 12px solid transparent;
    border-top: 12px solid #E91F6C;
  }
}

.footer {
  background-image: url(/images/footer_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}