.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

:root {
  --main-orange: #e25200;
  --light-orange: #ffede2;
  --grey-light: #f5f5f5;
  --border: #e5e5e5;
  --error: #e25200;
  --success: #00904b;
  --sidePopinWidth: 700px;
}

.majesty {
  position: relative;
  overflow: visible;
  height: 100%;
}
.majesty__header, .majesty__cta {
  position: absolute;
  left: 20px;
  right: 20px;
  z-index: 1;
}
.majesty__header.text-left, .majesty__cta.text-left {
  margin: 0 auto 0 0;
}
.majesty__header.text-center, .majesty__cta.text-center {
  margin: 0 auto;
}
.majesty__header.text-right, .majesty__cta.text-right {
  margin: 0 0 0 auto;
}
.majesty__header {
  top: 20px;
}
.majesty__header .majesty__title,
.majesty__header .majesty__subtitle {
  margin: 0;
}
.majesty__header .majesty__title.text-color,
.majesty__header .majesty__subtitle.text-color {
  color: var(--text-color, #1c1c1c);
}
.majesty__header .majesty__title.text-color *,
.majesty__header .majesty__subtitle.text-color * {
  color: var(--text-color, #1c1c1c);
}
.majesty__header .majesty__title {
  font-size: 1.25rem;
}
.majesty__media-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0 5px 5px;
}
@media screen and (min-width: 768px) {
  .majesty__media-wrapper {
    padding: 0 8px 16px;
  }
}
.majesty__picture {
  display: block;
  width: 100%;
  height: 100%;
}
.majesty__image-wrapper, .majesty__video-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.majesty__image, .majesty__video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.majesty__cta {
  bottom: 20px;
}
.majesty__cta.cta--white {
  height: 50px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.majesty__cta.cta--white:hover {
  background-color: #ffffff;
}