:root {
	--display-font-family: Open Sans;
	--body-font-family: Hind;

	--font-size: 20px

	--logo-padding: 27px;
	--logo-height: 63px;

	--header-width: 1366px;
	--header-border-position: bottom;
	--header-border-size: 0;
	--header-bg-color: 77 100 73;
	--header-border-color: 245 245 245;

	--brand-color: 20 20 20;
	--brand-color-inverted: 255 15 ;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 61 61 61;

	--action-color: 180 58 57;
	--action-color-inverted: 21 21 21;

	--announcement-bar-bg-color: 20 20 20;
	--announcement-bar-text-color: 216 209 194;
	--announcement-bar-link-color: 61 61 61;

	--main-navigation-bg-color: 77 100 73;
	--main-navigation-link-color: 0 0 0;
	--main-navigation-link-color-hover: 216 209 194;
	--main-navigation-link-bg-color: 44 81 112;
	--main-navigation-link-font-size: 18px;
	--main-navigation-link-alignment: center;

	--auxiliary-bg-color: transparent;
	--auxiliary-border-color: transparent;
	--auxiliary-link-color: 61 61 61;

	--order-status-bg-color: 245 245 245;
	--order-status-color: 162 162 162;

	--store-menu-bg_color: 248 248 248;
	--store-menu-color: 119 7 ;

	--footer-bg-color: 20 20 20;
	--footer-color: 216 209 194;
	--footer-link-color: 255 255 255;
}

/*Custom Styles*/
.newsletterWidget__header {
color: white; 
}

@media (max-width: 650px) {
    .contentWidget.bannerWidget h1.bannerWidget__heading {
        font-size: 40px;
    }
}

@media (max-width: 450px) {
    .contentWidget.bannerWidget h1.bannerWidget__heading {
        font-size: 30px;
    }
}