A:link { text-decoration: none; }
A:hover { text-decoration: none; }
.mc-title { font-family: "Chewy", system-ui; font-weight: 400; font-style: normal; }
.mc-header {
    height: 100%;
}
.clear-filter:after,
.clear-filter:before {
  display: none;
}

html,
body {
  max-height: 100%;
  min-height: 100%;
}

.page-header {
      min-height: 100%;
}

.clear-filter[filter-color="orange"] {
  background: rgba(44, 44, 44, 0.2);
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, rgba(44, 44, 44, 0.2), rgba(224, 23, 3, 0.6));
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, rgba(44, 44, 44, 0.2), rgba(224, 23, 3, 0.6));
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, rgba(44, 44, 44, 0.2), rgba(224, 23, 3, 0.6));
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(0deg, rgba(44, 44, 44, 0.2), rgba(224, 23, 3, 0.6));
  /* Standard syntax */
}

.page-header-image {
  position: absolute;
  background-size: cover;
  background-position: center center;
  width: 100%;
  max-height: 100%;
  z-index: -1;
}

.mc-photo-container {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
}

.mc-spacer {
    max-height: 20px;
    min-height: 20px;
}