.text-grey {
	color: #5F6E81;
}

.of-cover {
	object-fit: cover;
}

.of-contain {
	object-fit: contain;
}

.max-height-100 {
	max-height: 100vh;
}

.max-height-90 {
	max-height: 90vh;
}

.max-height-80 {
	max-height: 80vh;
}

.max-height-70 {
	max-height: 70vh;
}

.max-height-50 {
	max-height: 50vh;
}

/* 
	Ensure there main content of the page is at least 90vh
   	so that the footer does not float in the middle of the page
   	for pages with no content 
*/
.room-for-footer{
	min-height: 90vh;
}

/*
	Create a bottom to tom shadow below text
*/
.b-shadow {
	background: rgb(0, 0, 0, 0);
	background: linear-gradient(0deg, rgb(0 0 0 / 48%) 0%, rgb(255 255 255 / 0%) 100%);
}


/* Small */
.cardWidth {
	width: calc(100vw - 4rem);
	
}

@media screen and (min-width: 30em) {

	/* Not Small */
	.cardWidth {
		min-width: 20rem;
		max-width: 20rem;
	}
}