:root{
    /*--main-font: 'Open Sans', sans-serif;*/
    --main-color-dark: #181820;
    --main-color: #8A1329;
    --text-color: #34070A;
    --grey-color: #B4B4B4;
    --white-color: #FFFFFF;

    --accent-color: #8A1329;

    --bg-color: #FFE2C4;
    --input-bg-color:#0186C2;

    --social-icon-bg: #9A526A;
    --social-icon-text: #FFFFFF;
    --body-color: #FFFFF9;
}

/* header */

.header .nav .list .item{
    color: var(--main-color-dark);
}

.header .box .logo{
    width: 123px;
    height: 100px;
    background-image: url("/assets/images-default-template/logo-nav.png");
}

.header .nav .logo{
    width: 123px;
    height: 100px;
    background-image: url("/assets/images-default-template/logo-nav.png");
}


/* cart */
.cart::before {
    width: 21px;
    height: 25px;
    background-image: url('/assets/images-default-template/icons/cart.svg');
}

/* home */
.grid .banner{
    background-image: url("/assets/images-default-template/main-first-banner-desktop.jpg");
}

/* social */
.social .wrapper {
    background-image: url("/assets/images-default-template/social/subscribe-banner-desktop.jpg");
}

.social .title, .social .text{
    color:var(--white-color);
}

.footer{
    background-color: var(--main-color-dark);
}


.footer .logo{
    width: 99px;
    height: 105px;

    background-image: url("/assets/images-default-template/logo-nav.png");
}



@media screen and (max-width:768px) {
    .header .nav{
        background-color: var(--main-color-dark);
    }
    .header .nav .list .item{
        color:#fff;
    }

    .grid .banner{
        background-image: url("/assets/images-default-template/main-first-banner-mobile.jpg");
    }

    .social .wrapper{
        background-image: url("/assets/images-default-template/social/subscribe-banner-mobile.jpg");
        background-position: center bottom;
    }

    .header .box .logo {
        width: 123px;
        height: 60px;
    }


    .footer .logo {
        width: 123px;
        height: 100px;
    }
}