.menu-logo-centered li.menu-item:nth-child(-n+4),
.menu-logo-centered li.page-item:nth-child(-n+4) {
    order: 0;
}

.menu-logo-centered .menu-item-logo {
    order: 1;
}

.menu-logo-centered .menu-item,
.menu-logo-centered .page_item {
    order: 2;
}

.hero-title {
    font-size: 2.8em;
}

@media screen and (max-width: 767px) {
    .hero-title {
        line-height: 1.1em;
    }
}

@media screen and (min-width: 320px) {
    .hero-title {
        font-size: calc(42px + 18 * ((100vw - 320px) / 880)) !important;
    }
}

@media screen and (min-width: 1200px) {
    .hero-title {
        font-size: 4em !important;
    }
}

h1 {
    font-size: 3em;
}

@media screen and (max-width: 767px) {
    h1 {
        line-height: 1.1em;
    }
}

@media screen and (min-width: 767px) {
    h1 {
        font-size: calc(45px + 3 * ((100vw - 767px) / 433));
    }
}

@media screen and (min-width: 1200px) {
    h1 {
        font-size: 3.2em;
    }
}

h2 {
    font-size: 2em;
}

@media screen and (max-width: 767px) {
    h2 {
        line-height: 1.3em;
    }
}

@media screen and (min-width: 767px) {
    h2 {
        font-size: calc(30px + 12 * ((100vw - 767px) / 433));
    }
}

@media screen and (min-width: 1200px) {
    h2 {
        font-size: 2.8em;
    }
}

h3 {
    font-size: 1.9em;
}

@media screen and (max-width: 767px) {
    h3 {
        line-height: 1.3em;
    }
}

@media screen and (min-width: 767px) {
    h3 {
        font-size: calc(28.5px + 0 * ((100vw - 767px) / 433));
    }
}

@media screen and (min-width: 1200px) {
    h3 {
        font-size: 1.9em;
    }
}

.quotetext {
    font-size: 32px;
}

@media screen and (max-width: 767px) {
    .quotetext {
        line-height: 1.4em;
    }
}

@media screen and (min-width: 767px) {
    .quotetext {
        font-size: calc(32px + 16 * ((100vw - 767px) / 433));
    }
}

@media screen and (min-width: 1200px) {
    .quotetext {
        font-size: 48px;
    }
}

@media screen and (max-width: 1159px) {
    #header-regular, #header-sidenavi, ul.slicknav_nav li.menu-item-logo {
        display: none;
    }

    #header-responsive {
        display: block;
    }

    .mobile-logo-right #header-responsive .header-right {
        display: none;
    }

    .topbar-hide-on-mobile {
        display: none;
    }

    .topbar .topbar-social-hide-on-mobile {
        display: none;
    }

    .topbar .cart-icon-wrap .account-icon {
        display: none;
    }

    .topbar-text-wrap {
        justify-content: center;
        flex-wrap: wrap;
        flex-grow: 1;
    }

    .topbar-content,
    #header-responsive .header-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 24px;
    }

    .topbar-content {
        flex-direction: column;
        padding: 6px 24px;
    }

        .topbar-content.right .topbar-text-wrap {
            margin-right: 0;
        }

        .topbar-text,
        .topbar-content.left .topbar-text {
            padding: 6px 12px;
            text-align: center;
        }

    .topbar-icons {
        flex-grow: 1;
    }

    .topbar .socialicons {
        padding-left: 9px;
        padding-right: 9px;
        padding-top: 6px;
        padding-bottom: 6px;
        height: 100%;
    }

    .topbar-content .socialicons li {
        padding-left: 9px;
        padding-right: 9px;
    }

    .stickytop.mobile-non-sticky,
    .stickytop.mobile-non-sticky.transparent-header.stuck {
        position: relative;
    }

    .logged-in .stickytop:not(.transparent-header),
    .logged-in .stickytop.transparent-header.stuck {
        top: 0;
    }
}

.custom-bg-color,
.no-sidebar .entry-content .alignwide.custom-bg-color,
.no-sidebar .entry-content .alignfull.custom-bg-color {
    background-color: #0a0b0a;
}


@media (max-width: 767px) {
    .text-logo .site-title, .text-logo .site-title a {
        font-size: 1.4em;
        letter-spacing:;
    }

    .page-title,
    .woocommerce h1.page-title,
    .woocommerce-page h1.page-title,
    .woocommerce-cart h1.page-title,
    .woocommerce-checkout h1.page-title {
        font-size: 2.6em;
    }

    .entry-title {
        font-size:;
        line-height:;
    }

    .single .entry-title {
        font-size: 3.4em;
    }
}