﻿	 html, body {height: 100%; margin: 0; padding: 0;}
	 
	.bground {
	background-image: url('images/hyundai.jpeg');
	background-color: #cccccc;
	height: 100%;
	background-position: center ;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-attachment: scroll;
}
	
	
	.hov1{border-radius: 15px; width:300px; height:275px; color:white;  padding:20px; background: rgba(0,0,0, 0.3); }
	.hov1:hover{background: rgba(0,0,0, 0.5);}
	
	.h1{font-size:xx-large; width:100%; padding:20px; }
	.container{display:flex;  position:relative; width:100%; flex-wrap:wrap;  padding:0px 20px 20px 20px;; }
	.containerdivs{	display:flex; flex-wrap:wrap;  width:100%; margin:auto; max-width :1200px;  }
  	.shadows{ background-color:#FFFFFF; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}
	.show600{display:none}
	
	@media only screen and (max-width:900px){
	.hide900{display:none}
	}
	@media only screen and (max-width:600px){
	.bground {
	height: 1200px}

	.h1{font-size:large; margin:auto; padding:10px; }
	.container{padding:0px 10px 0px 10px}
	.containerdivs{padding:10px;}
	.thedivs{width:100%; flex:none; height:auto}
	.formdiv{height:200px}
	
	.hide600{display:none}
	.show600{display:block}
	.cards{width:100%}
	}