.bmwshowhtml {
img {max-width:100%}
h2 {font-size:medium}
centre {text-align: center;display: block;}
.left, .flleft {float:left}
.right, .flright {float:right}
} div.bikeImg {
text-align: center;
vertical-align: top;
display:inline-block;
width:100%;
min-height:240px;
}
@media screen and (min-width:524px) {
div.bikeImg {width:50%;}
}
@media screen and (min-width:1024px) {
div.bikeImg {width:33%;}
}
.bikeCaption {
text-shadow: -1px 0 5px black, 0 1px 5px black, 1px 0 5px black, 0 -1px 5px black;
color: white;
position: relative;
top: -30px;
margin:0 2rem;
text-align: center;
font-size: 9pt;
display:block;
}