.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	margin: auto;
	width: 70%;
}
.carousel-caption { position: relative !important; }
.carousel-inner { position: inherit !important; }
.carousel { padding: 40px !important; }

@media screen and (min-width: 768px) {
	.carousel-caption {
		left: 0 !important;
		padding: 30px !important;
		right: 0 !important;
	}
}
.carousel-control.right { background: none; }
.carousel-control.left { background: none; }

a.ribbon  {
	background-image: url('../../images/ribbon-40_2.png');
	background-size: 100% 100%;
	height: 233px;
	position: absolute;
	overflow: hidden;
	right: 0;
	top: 0;
	width: 369px;
	z-index: 1;
}
a.ribbon:hover { cursor:pointer; }

.reserved {
	margin-left: 40px;
	padding-left: 40px;
	right:auto !important;
	top: 8px;
}

@media only screen and (max-width: 767px) {
	a.ribbon {
		background-image: url('../../images/ribbon-40-small2.png');
		background-size: 100% 100%;
		height: 140px;
		overflow: hidden;
		position: absolute;
		/* right: -5px; */
		/* top: -5px; */
		width: 222px;
		z-index: 1;
	}
}