html, body { height: 100%; margin: 0; }
body { font-family: "Roboto", sans-serif; font-weight: 400; background-color: #212529; color: #fff; }
article#content { background-color: #fff; color: #111; }

h1, h2, h3, .h1, .h2, .h3,
.btn,
.main-title,
.racing-sans { font-family: "Racing Sans One", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; }

#home {}
#home h1 {
    font-size: 5rem; line-height: 1; margin: 0; padding: 0;
    /*font-size: clamp(5.625rem, min(2.3449rem + 13.9949vw, 20vh), 8rem); */
    font-size: clamp(5rem, min(4.5rem + 2.1333333333333333vw, 20vh), 6rem);
}
#home strong { font-size: 4rem; line-height: 1; font-weight: 400;
    /*font-size: clamp(1.875rem, min(0.6823rem + 5.0891vw, 5vh), 3.125rem);*/
    font-size: clamp(2rem, min(1.75rem + 1.0666666666666667vw, 5vh), 2.5rem)
}
#home .btn { margin: 3rem 1rem 1rem; }
#home iframe { width: 100%; display: block; }
#home svg { color: #fff; }

.bg-orange,
#gallery {
    color: #111;
    background-color: orange;
}
.bg-orange-dark {
    color: #111;
    background-color: #e09a18;
}

.btn {
    font-size: 1.5rem;
    color: #000;
    letter-spacing: 0.05em;
}
.btn-primary {
    color: #000;
    background-color: orange;
    border-color: orange;
}
.btn-primary:hover {
    color: orange;
    background-color: #000;
    border-color: #000;
}
.navbar-dark .navbar-nav .nav-link:hover,
.dropdown-item:hover, .dropdown-item:focus {
    color: #111;
    background-color: orange;
}
#nav-main .navbar-nav .nav-link {
    font-size: 1.25rem;
    letter-spacing: 0.05em;
    font-family: 'Racing Sans One';
}

#nav-main.sticky {
    background: #111;
}

.main-title {
    background: orange;
    color: #111;
}