.bottom_banner {
	position: fixed;
	bottom:  61px; 
	width: 100%;
/*	min-height: 4em;*/
	display: flex;
 	align-items: center;
 	justify-content: center;
 	z-index: 199;
 	color: black !important;
 	font-weight: 700;
	font-size: 1.4em;
}
.bottom_banner p {
	margin:0;
}
.bottom_banner.yellow {
	background-color: yellow;
}

.bottom_banner img {
	align-self: flex-end;
}

.bottom_banner i {
	position: relative;
	bottom: -1px;
}

.bottom_banner:hover {
	cursor: pointer;
	color: black;
}

.bottom_banner .fa-cancel {
	--hitbox:  6px;
	position: absolute;
	padding: var(--hitbox);
	padding-right: 0;
	margin: 0px;
	font-size: 1em;
	line-height: 1.1em;
	top: calc( -1.1em - var(--hitbox) + 1px);
	left: 0;
}
.bottom_banner .fa-cancel:before {
	background-color: lightgray;
	padding: 0;
	margin: 0;
}

.bottom_banner.white-x .fa-cancel {
	color: white;
}

@media (min-width: 600px){
	.bottom_banner {
		display: none;
	}
}

@media (max-width: 430px){
	.bottom_banner {
		font-size: 1.1em;

	}
}