img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

a {
	color: #337ab7;
//	color: #FF0000;
}

.vhhead {
	background-color : #337ab7;
}


.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

a.whitetext:link, a.whitetext:hover, a.whitetext:visited {
	font-family: Arial, sans-serif, Helvetica;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	letter-spacing: normal;
	word-spacing: normal;
	text-decoration: underline;
}

.imgcon{
    position:relative;
    margin:0 auto;
}

.imnav {
    color: #ffffff;
    margin:o auto;
    opacity:0.6;
    display:none;
    position:absolute;
    top:0;
    left:0px;
    width:100%;
    height:100%;
}

.imgcon:hover .imnav{display:inline-block;}

.control {
    float:left;
    height:100%;
    width:50%;
    opacity:0;    
}

.control:hover {
    opacity:0.6;
}

.prim{
    background:url('https://www.virtual-history.com/movie/images/left.gif')left center no-repeat;
}
.zmim{
    width:34%;
    background:url('http://i57.tinypic.com/dgp4xy.gif')center center no-repeat;
}
.neim{
    background:url('https://www.virtual-history.com/movie/images/right.gif')right center no-repeat;
}


.card.cardshadow{
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.cardheader.headershadow{
box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.responsive-youtube
{overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.responsive-youtube iframe
{left:0; top:0; height:100%; width:100%; position:absolute;}