.lotimg {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:contain;
	width:100%;
	height:100%;
	position: absolute;
	left: 0; 
	top: 0;
}
/* Transparent footer */
.ui-footer {
	background: none;
	border: none;
}
/* Transparent footer */
.ui-header {
	background: #312517;
	color: white;
	font-family: Lora, serif;
	border: black;
	text-align:center;
}

/* The footer won't have a height because there are only two absolute positioned elements in it.
So we position the buttons from the bottom. */
.control.ui-btn-left, .descript-btn.ui-btn-right, .range.ui-btn-center {
	top: auto;
	bottom: 7px;
	margin: 0;
}

/* Custom styling for the descript source */
small {
	font-size: .75em;
	color: #666;
}
/* Prevent text selection while swiping with mouse */
.ui-header,.ui-footer, .ui-title, .control .ui-btn, .descript-btn{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.ui-content{
 background:white;
}
.vcenter {
  min-height: 12em;
  display: table-cell;
  vertical-align: middle;
}
img.center{
	display:block;
	min-width:8em;
	margin-left:auto;
	margin-right:auto;
}
#browse .lotimg { 
	height:75%;
	margin:5% 0 5% 0;

}

.footer-button-left,
.footer-button-right {
    position: absolute;
    margin: 0;
    top: auto;
    bottom: 0.24em;
}
.footer-button-left {
    left: 0.4em;
}
.footer-button-right {
    right: 0.4em;
}