:root {
	--display-font-family: Suez One;
	--body-font-family: Copse;

	--font-size: 16px

	--logo-padding: 10px;
	--logo-height: 250px;

	--header-width: 1366px;
	--header-border-position: bottom;
	--header-border-size: 0;
	--header-bg-color: 255 255 255;
	--header-border-color: 60 59 59;

	--brand-color: 227 106 56;
	--brand-color-inverted: 255 15 ;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 172 186 42;

	--action-color: 227 106 56;
	--action-color-inverted: 255 15 ;

	--announcement-bar-bg-color: 218 224 242;
	--announcement-bar-text-color: 78 55 48;
	--announcement-bar-link-color: 90 132 255;

	--main-navigation-bg-color: 255 255 255;
	--main-navigation-link-color: 78 55 48;
	--main-navigation-link-color-hover: 119 124 69;
	--main-navigation-link-bg-color: 44 81 112;
	--main-navigation-link-font-size: 16px;
	--main-navigation-link-alignment: center;

	--auxiliary-bg-color: transparent;
	--auxiliary-border-color: transparent;
	--auxiliary-link-color: 78 55 48;

	--order-status-bg-color: 201 207 148;
	--order-status-color: 78 55 48;

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

	--footer-bg-color: 201 207 148;
	--footer-color: 78 55 48;
	--footer-link-color: 78 55 48;
}

/*Custom Styles*/
/* Make logo bigger on mobile */

@media only screen and (max-device-width: 480px) {
        .logo__img {
        max-height: 150px;
        }}
        
/* Styled Table for Milk Safety Page */

.styled-table {
    border-collapse: collapse;
    margin: 10px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    color: #4e3730;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.styled-table thead tr {
    background-color: #c9cf94;
    color: #4e3730;
    text-align: left;
}

.styled-table th,
.styled-table td {
    padding: 6px 8px;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #faf6f0;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #c9cf94;
}