body {
  color: #fff;
  font-size: 8px;
  background: #fffded url(../media/img/main_bg.jpg) center center / cover no-repeat;
  background-attachment: fixed;
}

@media screen and (min-width: 768px) {
	body {
		font-size: 12px;
	}
}

header,
section {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.wrapper {
	width: 1920px;
	max-width: 100%;
	margin: auto;
	position: relative;
}

.cta-container {
  background: url(../media/img/cta_bg.png) center center / contain no-repeat;
  width: 350px;
  max-width: 95%;
  margin: auto;
}

.cta-button {
  padding: 2em;
}

.section-heading {
  background: url(../media/img/heading_bg.png) center center / contain no-repeat;

  /* width: 800px; */
  max-width: 100%;

  margin: auto;
  padding-right: 2em;
  padding-left: 2em;
  padding-top: 3em;
  padding-bottom: 2em;

  font-size: clamp(2em, 5vw, 3em);
}

.section-break {
  height: clamp(25px, 5vw, 50px);
}

.section-break-top {
  background: url(../media/img/section_break_top.png) center top / auto 100%
    repeat-x;
}

.section-break-bottom {
  background: url(../media/img/section_break_bottom.png) center bottom / auto
    100% repeat-x;
}

p {
	font-family: "congenial", sans-serif;
	font-weight: 400;
	font-style: normal;
}

h1, h2, h3 {
	font-family: "manofa-condensed", sans-serif;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
}

h3 {
  font-size: 1.5em;
}

img {
  max-width: 100%;
}

.hidden {
  display: none;
  visibility: hidden;
}

.splide__arrow {
  background: transparent;
  border-radius: 0;
}

.splide__arrow--prev svg {
  transform: scale(-3);
}

.splide__arrow--next svg {
  transform: scale(3);
}
.splide__arrow svg {
  fill: #ffe842;
  filter: drop-shadow(0px 0px 1px rgb(0 0 0 / 0.75));
}

.makeSmall {
  font-size: .7em;
}

#tips .slide-background{
  background-color: #21150b;
  padding: 1em 1em 0em;
}

#tips .splide {
  margin: auto;
  padding: 1em 4em;
}

#tips .splide__slide .thumbnail {
  /* background-color: rgba(0, 0, 0, 0.75); */
  padding: 1em;
}

#tips .splide__pagination {
  bottom: 0;
}

#tips .text-container-border-bot-repeat,
#tips .text-container-border-top-repeat {
  height: 40px;
  width: 100%;
}

#tips .download {
  padding: 1.5em 1em 0;
}

#tips .download h2{
  display:inline-block;
}