:root {
	--display-font-family: Montserrat;
	--body-font-family: Montserrat;

	--font-size: 21px

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

	--header-width: 100%;
	--header-border-position: bottom;
	--header-border-size: 8px;
	--header-bg-color: 255 255 255;
	--header-border-color: 0 1 3;

	--brand-color: 240 81 41;
	--brand-color-inverted: 255 255 255;

	--background-color: 255 255 255;
	--text-color: 37 37 37;
	--link-color: 240 81 41;

	--action-color: 240 81 41;
	--action-color-inverted: 255 255 255;

	--announcement-bar-bg-color: 240 81 41;
	--announcement-bar-text-color: 255 255 255;
	--announcement-bar-link-color: 61 61 61;

	--main-navigation-bg-color: 255 255 255;
	--main-navigation-link-color: 0 0 0;
	--main-navigation-link-color-hover: 240 81 41;
	--main-navigation-link-bg-color: 255 255 255;
	--main-navigation-link-font-size: 20px;
	--main-navigation-link-alignment: center;

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

	--order-status-bg-color: 0 0 0;
	--order-status-color: 240 81 41;

	--store-menu-bg_color: 0 0 0;
	--store-menu-color: 255 255 255;

	--footer-bg-color: 240 81 41;
	--footer-color: 255 255 255;
	--footer-link-color: 255 255 255;
}

/*Custom Styles*/
.collection-link {
    color: #FFF;
    text-decoration: underline;
}

.banner {height: 450px;
	max-width: 1500px;
	margin: 0 auto;}

.offerings {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin: 60px auto 0 auto;
	width: 700px;
	max-width: 100%;
}

.offerings img {
    border-radius: 3px;
}

.offerings > div {
    position: relative;
    flex: 1 1 50%;
	max-width: 200px;
	min-width: 200px;
	margin-bottom: 50px; 
}

.offerings > div:hover {
    opacity: 0.9;
}

.button {
    background-color: white;
    color: black;
    border: 2px solid #4CAF50; /* Green */
}