body {
    background: #f1f1f1;
    max-width: 1920px;
    margin: 0 auto;
}

h3 {
    font-family: "Gotham Black";
    font-size: 40px;
    line-height: 44px;
    padding-bottom: 32px;
}
@media (max-width: 992px) {
    section#hero .hero-content h1 {
        font-size: 40px;
        line-height: 48px;
    }
    h3 {
        font-size: 24px;
        line-height: 26px;
    }
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

section#hero {
    padding-left: 50px;
    padding-right: 50px;
}

.width-control {
    width: 100%;
    margin: 0 auto;
    max-width: 1450px;
}

section#banner-holder .banner {
    position: relative;
    justify-content: end;
}

@media (min-width: 993px) {
    section#banner-holder .banner .banner-image {
        height: 100%;
        position: absolute;
        left: 0;
    }

    section#banner-holder .banner .banner-image img {
        height: 100%;
    }
}

@media (max-width: 992px) {
    section#banner-holder .banner {
        display: block;
    }

    section#banner-holder .banner .banner-image,
    section#banner-holder .banner .banner-content {
        width: 100%;
    }

    .guarantee-content {
        padding-left: 0;
        padding-right: 0;
    }
}

section#discover .discover-inner {
  width: 900px;
}

section#hero .hero-content {
    width: calc(var(--max-content-width) - 360px);
}

@media (max-width: 1200px) {
    section#hero .hero-content {
        width: calc(var(--max-content-width) - 10%);
    }
}

.guarantee-logo {
    width: 100%;
}

.guarantee-logo img{
    max-width: 400px;
    margin: 0 auto;
}


/* --- Link Styles --- */
a {
  font-family: "Gotham Black";
  color: var(--white);
  text-decoration: none;
  transition: color 0.3s ease;
}
a:hover {
  color: #ccc;
}