@font-face {
    font-family: 'Eds Market Main Script';
    src: url('/fonts/EdsMarketMainScript.woff2') format('woff2'),
        url('/fonts/EdsMarketMainScript.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Gotham Condensed XBlack';
    src: url('/fonts/GothamCondensed-XBlack.woff2') format('woff2'),
        url('/fonts/GothamCondensed-XBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Ultra';
    src: url('/fonts/Gotham-Ultra.woff2') format('woff2'),
        url('/fonts/Gotham-Ultra.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/fonts/Gotham-Bold.woff2') format('woff2'),
        url('/fonts/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GothamBlack';
    src: url('/fonts/GothamBlack.woff2') format('woff2'),
        url('/fonts/GothamBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

body{
    background-color:#fbf8e6;
}
.navbar-brand img{
    max-width:30vw;
}
.bg-black{
    background-color:#212222
}
.text-cream{
    color:#fbf8e6;
}
.btn{
    background-color:#fbf8e6;
    color:#212222;
    font-family: 'GothamBlack', sans-serif;
    text-transform:uppercase;
    border-radius:2rem;
    border:2px solid #fbf8e6;
}
.btn:hover{
    color:#fbf8e6;
    background-color:#212222;
}

.btn-alt{
    color:#fbf8e6;
    background-color:#212222;
    border:2px solid #212222;
}
.btn-alt:hover{
    background-color:#fbf8e6;
    color:#212222;
}

.font-script{
    font-family:'Eds Market Main Script'!important;
    font-weight: 500!important;
}
.p,p{
    font-family: 'Gotham Ultra'!important;
    font-size:1.1vw!important;
}
.h1, h1{
    font-family: 'Gotham Condensed XBlack';
    font-size:3.25vw;
    letter-spacing: .1rem;
}
.h3, h3{
    font-family: 'Gotham Condensed XBlack';
    font-size: 2.1vw;
    letter-spacing: .1rem;
}
.h4, h4{
    
    font-family: 'Gotham Condensed XBlack';
    font-size:1.5vw;
    letter-spacing: .1rem;
}
.h5, h5{
    font-size:1.25vw;
    font-family: 'Gotham Condensed XBlack';
    letter-spacing: .1rem;
}
img.stars{
    width: 10vw;
    position: relative;
    top: -3px;
}

.gradient-green{
    background: rgb(165,206,58);
    background: linear-gradient(180deg, rgba(165,206,58,1) 0%, rgba(14,145,70,1) 96%);
}
.featured-in h4{
    letter-spacing: .1rem;
}
.featured-in .chews-choc{
    position: absolute;
    bottom: 80%;
    right: 53%;
    width: 13vw;
}

.about .icon{
    max-width:8vw;
}
.about p{
    letter-spacing: .1rem;
}

.featured-products .product-tags{
    max-width:13vw;
}
.product-carousel .product{
    padding:0 1rem;
}
.product-carousel .product .rating{
    max-width:70%;
}
.product-carousel .owl-nav{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    transform:translateY(-50%);
}
.product-carousel .owl-nav .owl-prev{
    position:absolute;
    top:0;
    left:-50px;
    font-size:3rem;
}
.product-carousel .owl-nav .owl-next{
    position:absolute;
    right:-50px;
    top:0;
    font-size:3rem;
}
.product-carousel .owl-nav .fas{
    font-size:4rem;
}
.featured-products .chews{
    position:absolute;
    width:12vw;
}
.featured-products .chews.joint{
    top:-3vw;
    left:4vw;
}
.featured-products .chews.charged{
    top:2vw;
    right:2vw;
}

.gradient-red{
    background: rgb(227,33,40);
    background: linear-gradient(180deg, rgba(227,33,40,1) 0%, rgba(248,180,22,1) 96%);
}
.testimonials .chews-caramel{
    width: 13vw;
}
.testimonial-carousel .owl-nav{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
   
}
.testimonial-carousel .owl-nav .owl-prev{
    position:absolute;
    top:0;
    left:-50px;
    font-size:3rem;
}
.testimonial-carousel .owl-nav .owl-next{
    position:absolute;
    right:-50px;
    top:0;
    font-size:3rem;
}
.testimonial-carousel .owl-nav .fas{
    font-size:2rem;
    color:#fbf8e6;
}
.testimonials .chews.trifecta{
    position:absolute;
    width:12vw;
    top:-2vw;
    right:20vw;
}
.benefits .icon-v{
    max-height:5vw;
    width:auto;
}
.benefits .icon{
    max-width:10vw;
    width:auto;
}
footer{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:1000;
}
footer .navbar-brand img{
    max-width:20vw;
}
footer .powered-by img{
    max-width: 8vw;
}
#footer-mobile{
    display:none;
}
@media screen and (max-width: 767px) {
    .navbar-brand img{
        max-width:200px;
    }
    .p,p{
        font-size:1rem!important;
    }
    .h1, h1{font-size: calc(2.275rem + 1.5vw);}
    .h2, h2 {
        font-size: calc(1.325rem + .9vw);
    }
    .h3, h3 {
        font-size: calc(1.3rem + .6vw);
    }
    .h4, h4 {
        font-size: calc(1.275rem + .3vw);
    }
    .h5, h5 {
        font-size: 1.25rem;
    }
    img.stars {
        width: 150px;
        margin-bottom:1rem;
    }
    .about .icon {
        max-width: 100px;
    }
    .featured-in .chews-choc {
        position: absolute;
        bottom: 85%;
        right: 30px;
        width: 150px;
    }
    .featured-products .product-tags {
        max-width: 200px;
    }
    .featured-products .chews{
        width:110px;
    }
    .featured-products .chews.joint {
        top: -60px;
        left: 10px;
    }
    .featured-products .chews.charged {
        top: 100px;
        right: 5px;
    }
    .testimonial-carousel .owl-nav,
    .product-carousel .owl-nav{
        position:relative;
        top:0;
        transform:none;
        display:flex;
        justify-content: space-between;
    }
    .testimonial-carousel .owl-nav .owl-prev,
    .product-carousel .owl-nav .owl-prev{
        position:relative;
        left:0;
    }
    .testimonial-carousel .owl-nav .owl-next,
    .product-carousel .owl-nav .owl-next{
        position:relative;
        right:0;
    }
    .testimonial-carousel .owl-nav .fas,
    .product-carousel .owl-nav .fas{
        font-size:2rem;
    }
    .testimonials .chews-caramel {
        width: 130px;
    }
    .testimonials .chews.trifecta {
        position: absolute;
        width: 130px;
        top: -30px;
        right: 30px;
    }
    .benefits .icon-v {
        max-height: 50px;
    }
    footer{
        position:relative;
        bottom:0;
        left:0;
        width:100%;
        z-index:1000;
    }
    footer .navbar-brand img{
        max-width:70vw;
    }
    footer .powered-by img{
        max-width:150px;
    }
    #footer-mobile{
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        background: #212529!important;
        text-align:center;
    }
    #footer-mobile img{
        max-width:100px;
    }
}