.body{
	background:none;
}
.floatleft{
  float:left;
  margin-right:10%;
};
.clear {
        clear:both;
}
li{
	list-style:none;	
}
.main{
	margin:20px;
}
.logo{
	width: 15%;
	float: left;
	margin-right: 50px;
}
.header{
	width:100%;
	height:200px;
  background-image: url(/pics/1966_Volvo-P-120.png);
  background-repeat: no-repeat;
  background-size: auto;
}
.remarks{
  width:100%;
  min-height: 20px;
}
.page{
  display: flex;
justify-content: center;
}

.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 75%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-style: groove;
  border-radius: 10px;
}


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


.bg {
        background-image: url("pics/1966_Volvo-P-120.png");
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
      }

#random li { 
position:absolute;
 list-style:none;
left: 30%;
 }
#random li img { border:1px solid #666; width:100%; }



@media only screen and (max-width: 768px) {
	body {
		font-size: 14px;
	}
	#random li img { border:1px solid #666; width:80%; }
}