@font-face { 
	font-family: "BodyFont"; 
	src: url('fonts/fontmedium.ttf'), url('fonts/fontmedium.ttf');
}

body, html {
  height: 100%;
  width: 100%;
  margin: 0;
  overflow: hidden;
}







.bg {
  
  z-index: -1;
  background-image: url("images/ev5-desktop.jpg");
  width: 100%;
  height: 100%; 
  overflow: hidden;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
 
}

@media only screen and (max-width: 640px) {
/*For mobile phones*/

.bg {
  
  background-image: url("images/ev5-mobile.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}
}


.bg_NanoUTE {
  
  z-index: -1;
  background-image: url("images/nano-ute-desktop.jpg");
  width: 100%;
  height: 100%; 
  overflow: hidden;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
 
}

@media only screen and (max-width: 640px) {
/*For mobile phones*/

.bg_NanoUTE {
  
  background-image: url("images/nano-ute-mobile.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}
}

.EVmodel {

width: 35%;
height: auto;
z-index: 10000008;
margin-top: 100px;
border: 0;

}

@media only screen and (max-width: 640px) {
/*For mobile phones*/

.EVmodel {

width: 85%;
height: auto;
z-index: 10000008;
border: 0;

}
}



.HomeQuickSpecs {
background: rgba(0,0,0,0) !important;
color: rgba(255,255,255,1);
z-index: 100 !important;
position: fixed !important;
bottom: 10% !important;
left: 50%  !important;
transform: translateX(-50%) !important;

border: 0px;
width: 70%;
height: 5px;
overflow: hidden;

}

@media only screen and (max-width: 640px) {
/*For mobile phones*/

.HomeQuickSpecs {
width: 95%;
}
}