@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Hammersmith+One&display=swap');

:root {

	--primary: #6B3303;

}





html, body {

	margin: 0;

	height:100%;

}

*, ::before, ::after {

	box-sizing: border-box;

}

body {

	font-family: "Albert Sans", serif;

	font-size: 14px;

	display: flex;

	background-color: var(--primary);

	background-repeat: no-repeat;

	background-image: url("bg-cookies.png");

	background-size: 100% 130%;

	background-position: center;

	background-attachment: fixed;

	height:100%;

	color: #FFFFFF;

	text-align: center;

}





.container {

	display: flex;

	flex-grow: 1;

	justify-content: center;

	align-items: center;

	gap:40px;

}

.cookie-content {

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	gap: 8px;

}

.cookieswap-svg {

	width: 650px;

	height: 120px;

}

.countdown {

	display:flex;

	align-items: center;

	justify-content: center;

	gap:10px;

}



.countdown-category {

	display: flex;

	flex-direction: column;

}

.countdown-category:not(.colon) {

	min-width: 105px;

}

.countdown-child {

	font-size: 80px;

	font-weight:700;

}

.countdown-child-desc {

	font-size: 14px;

}



.text-coming-soon {

	font-family: "Hammersmith One", serif !important;

	font-size:64px;

}

.cookie-image-content {

	display: none;

}



.cookie-image {

	display: block;

}



@media only screen and (max-width: 767px) {



	body {

		background-image: url("mbg-cookies.png");

		background-size: auto 120%;

		background-position: 0% 40%;



	}

	.cookieswap-svg {

		width: 100%;

		height: auto;

		padding:  0 40px;

	}

	.text-coming-soon {

		font-size:30px;

	}

	.countdown-category:not(.colon) {

		min-width: 55px;

	}

	.countdown-child {

		font-size: 35px;

	}

	.countdown-child-desc {

		font-size: 10px;

	}

	.cookie-content {

		width: 100%;

	}

	.cookie-content section {

		width: 100%;

	}



	.cookie-image-content {

		display: block;

	}

	.cookie-image {

		display:none;

	}



}