/*
	.growToFit allows the element to enlarge its size so that it fills the remaining space in the container.
	The container needs the growToFit-parent class.

	Children of growToFit-parent are unable to set padding or margin. Introduce another div as you need.

	If you want growToFit to only happen on small screen, use ".growToFit-parent-sm".
*/

.growToFit-parent {
	height: 100%;
	display: table;
}

.growToFit-parent > * {
	display: table-row;
	height: 1px;
}

@media (min-width: 768px) {
	.growToFit-parent-sm {
		height: 100%;
		display: table;
	}

	.growToFit-parent-sm > * {
		display: table-row;
		height: 1px;
	}
}

.growToFit {
	height: 100%;
}