.bottom-bar {
	padding: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
	background: rgba(0,0,0,0.8);
	color: #ffffff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	font-size: 16px;
	line-height: 1.75em;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    z-index: 9999999;
}

.bottom-bar__content {
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.bottom-bar__content > * {
  display: flex;
  align-items: center;
}

.bottom-bar__text {
  padding-right: 10px;
}

.bottom-bar__close {
  background: none;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-size: 2em;
  display: flex;
  align-items: baseline;
}

@media (max-width: 991px) {
.bottom-bar {
	width: 90%;
	position: fixed;
	top: 50%;
	left: 50%;
	background: rgba(0,0,0,0.8);
	color: #ffffff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	font-size: 16px;
	line-height: 1.75em;
	right: auto;
	bottom: auto;
	transform: translate(-50%, -50%);
	z-index: 9999999;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.bottom-bar__text {
  padding-right: 0px;
}
}