@charset "utf-8";
/* CSS Document */



/* ----- GLOBAL STYLING */
/* Set custom background colour of cards */
.card {
	background-color: #EDEDED;
	color: #000000;
}

/* Fix the footer to bottom of pages */
/* Set html positioning to relative and 100% height */
html {
	position: relative;
	min-height: 100%;
}

/* Set bottom margin of body (same as footer height) */
body {
	margin-bottom: 70px;
}

/* Sets footer height, width and positioning */
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 70px;
}
	
/* Centres footer text */
.footer-text {
	margin-top: 7px;
}



/* ----- STORE PAGE */
/* Displays containers inside seperator div as flex*/
.separator {
	display: flex;
}



/* ----- MEDIA QUERY <=992px */
@media only screen and (max-width: 992px) {
	/* ----- STORE PAGE */
	/* Reverses flex direction to place basket above vouchers */
	.separator {
		flex-direction: column-reverse;
	}
}