.promotions-bar {
	/* position: absolute; */
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 5px 0;
	background-color: #e4b340;
	/* transform: translateY(-100%); */
	z-index: 1;
	overflow: hidden;
}
.promotions-bar__text {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	padding: 0px 10px;
	font-size: 11px;
	line-height: 1.1;
	text-align: center;
	color: #0d0500;
}

.promotions-bar__text a {
	color: #ecf1f5;
}

.promotions-bar__text a:hover {
	color: #ffffff;
}

.promotions-bar__close {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	position: relative;
	width: 25px;
	height: 25px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background-color: #3c0000;
	cursor: pointer;
}

.promotions-bar__close:before,
.promotions-bar__close:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -1px;
	width: 8px;
	height: 2px;
	background-color: #c2ced7;
}

.promotions-bar__close:before {
	-webkit-transform: translate(-50%, -50%) rotateZ(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotateZ(-45deg);
}

.promotions-bar__close:after {
	-webkit-transform: translate(-50%, -50%) rotateZ(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotateZ(45deg);
}

.promotions-bar__text {
	width: 90%;
}

.promotions-bar__close {
	margin-right: 20px;
}

.promotions-bar__close[type="text"] {
    border: 0;
    padding: 0;
    width: 25px;
    height: 25px;
    background-color: #6f8439;
    font-size: 15px;
    color: inherit;
    font-size: 14px;
    font-family: inherit;
    font-weight: 500;
    display: block;
    outline: 0;
    border-radius: 0;
    right: 20px;
}

/* hide the close button*/
.promotions-bar__close[type="text"] {
    display: none !important;
}

.promotions-bar__close:hover {
    opacity: .8;
}

@media(min-width: 480px) {

	.promotions-bar__text {
		font-size: 14px;
	}

}

@media(min-width: 768px) {

	.promotions-bar {
		padding: 5px 25px;
	}

	.promotions-bar__text {
		padding: 0px 20px;
		font-size: 16px;
	}

	.promotions-bar__text {
		width: 100%;
	}

}

@media (min-width: 1200px) {
    .promotions-bar__close[type="text"] {
        height: 25px;
        line-height: normal;
        font-size: inherit;
    }
}