.footer-expander {
	height: 147px;
	overflow: hidden;

	@media #{$phone} {
		height: auto;
	}

	footer {
		transition: all 0.3s ease;
		opacity: 0;
		bottom: -147px;
		height: 147px;
		padding-top: 0px;
		flex-direction: column;
		justify-content: center;
		display: flex;
		position: relative;


		@media #{$phone} {
			position: static;
			opacity: 1;
			height: auto;
			padding-top: 40px;
			padding-bottom: 40px;
		}

	}

	&:hover {
		footer {
			opacity: 1;
			bottom: 0px;
		}
	}
}