body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
}
img {
	width: 100%;
	left: 0;
	bottom: 0;
	border: 0;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

a {
	color:#090
}
				
body {
/*	background-image: url(images/Ride1000Page1.jpg);
    background-repeat: no-repeat;
    width: 1049px;
	height: 1280px;
	border: 0;
	z-index: -1;*/
	overflow-y: scroll;
	overflow-x: hidden;
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: contain;
    margin: 0px;   /* these 2 remove default padding between divs that was framing the image */
    padding: 0px;
}

li { cursor: pointer; }

.aspectwrapper {
  display: block; /* shrink to fit */
  width: 100%;           /* whatever width you like */
  position: relative;    /* so .content can use position: absolute */
}
.aspectwrapper::after {
  padding-top: 75%; /* percentage of containing block _width_ based on 1080/1440 */
  display: block;
  content: '';
}
.content {
  position: absolute;
  top: 0; bottom: 0; right: 0; left: 0;  /* follow the parent's edges */
  outline: thin solid red;             /*just so you can see the box */
}