:root {
	--display-font-family: Raleway;
	--body-font-family: Hind;

	--font-size: 16px

	--logo-padding: 20px;
	--logo-height: 217px;

	--header-width: 1366px;
	--header-border-position: top;
	--header-border-size: 1px;
	--header-bg-color: 255 255 255;
	--header-border-color: 255 255 255;

	--brand-color: 25 25 27;
	--brand-color-inverted: 255 15 ;

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

	--action-color: 199 36 39;
	--action-color-inverted: 255 15 ;

	--announcement-bar-bg-color: 248 194 197;
	--announcement-bar-text-color: 25 25 27;
	--announcement-bar-link-color: 199 36 39;

	--main-navigation-bg-color: 255 255 255;
	--main-navigation-link-color: 61 61 61;
	--main-navigation-link-color-hover: 32 32 32;
	--main-navigation-link-bg-color: 44 81 112;
	--main-navigation-link-font-size: 16px;
	--main-navigation-link-alignment: center;

	--auxiliary-bg-color: 255 255 255;
	--auxiliary-border-color: transparent;
	--auxiliary-link-color: 25 25 27;

	--order-status-bg-color: 242 242 244;
	--order-status-color: 151 151 158;

	--store-menu-bg_color: 243 116 82;
	--store-menu-color: 255 255 255;

	--footer-bg-color: 25 25 27;
	--footer-color: 242 242 244;
	--footer-link-color: 242 242 244;
}

/*Custom Styles*/
/* Make logo bigger and footer sign up less wide on mobile */

@media only screen and (max-device-width: 480px) {
        .logo__img {
        max-height: 150px;
        
        }
        
        #mc_embed_signup {
            max-width: 400px !important;
            
        }}

/* Edit locations pages to look nice and be centered */        

.locationPage__header {
    display: grid;
    gap: 15px;
    max-width:750px;
}

.locationPage__address {
    font-size: 20px;
    font-weight: 500;
}

.h4 {
    font-size: 20px;
    font-family: Lora;
    font-weight: 500;
}

.tw-prose {
    max-width:700px;
    margin: 0 auto;
}