<style type="text/css">



/*set up fonts*/
@font-face {
  font-family: TW CEN MT;
  src: url(https://elitcar.it/wp-content/themes/elitcar/welcome/fonts/TCM_____.TTF);
}
@font-face {
  font-family: CorporateACon-Reg;
  src: url(https://elitcar.it/wp-content/themes/elitcar/welcome/fonts/CorporateACon-Reg.ttf);
}
body{
	width: 100%;
	height: 100%;
	background-image: url('https://elitcar.it/wp-content/themes/elitcar/welcome/solo sfondo p.jpg'); 
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;

}
#main_title{
	font-family: TW CEN MT;


}
.font_mercedes{

	font-family:CorporateACon-Reg;
}
.circle{
  background-color: red; 
  border-radius: 100%;
  border-style: solid;
  text-align: center;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.div_pieno{
	background-color: #1e7b8c;
	font-family: TW CEN MT;
	text-align: center;

}
.div_vuoto{
	border-color: #1e7b8c;
	border-style: solid;
	font-family: TW CEN MT;
	text-align: center;
	font-size: 10rfs;


}
}

.col-centered{
    float: none;
    margin: 0 auto;
}
.col-xl{
	width: 14.285714%;
}
@media only screen and (max-width: 1200px) {

   p { 
      font-size: 3em; 
   }

}
@media only screen and (min-width: 1800px) {

   p { 
      font-size: 1.5em; 
   }

}
@media only screen and (max-width: 900px) {

   p { 
      font-size:120%;
   }

}
	
@media only screen and (max-width: 330px) {

   p { 
      font-size:0.7em;
   }

}

.div_vuoti_hover:hover {
background-color: #1e7b8c;
opacity: 0.5;
}
</style>


	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>




<div class="container-fluid font-weight-bold">
	<div class="row text-center">

	  <div class="col-2  d-none d-xl-block ">
	  		<div class = " rounded-circle div_pieno text-white div_vuoti_hover font-weight-bold" onclick="window.location.href='https://elitcar.it/parco-auto/'"  style="height:0;width:100%;padding-bottom:100%;">
	  			<div style="padding: 10% ;height: 15%">
		  		
					<img class =" img-fluid" src="https://elitcar.it/wp-content/themes/elitcar/welcome/Loghi/mercedes crop.png" alt="mercedes-benz img" style="float:center;padding-right: 10%;" height="30%" width="30%">

					<img class = " img-fluid" src="https://elitcar.it/wp-content/themes/elitcar/welcome/Loghi/smart crop.png"  style="float:center" alt="smart img"  height="20%" width="20%">
					<br>
					<p style="margin-right: 5px;">VENDITA AUTO NOLEGGIO</p> 
					<p>New sede Arona </p>
					<img class = " img-fluid" src="https://elitcar.it/wp-content/themes/elitcar/welcome/Loghi/logo audi.png" alt="mercedes-benz img"  height="20%" width="20%">
					<img class = " img-fluid" src="https://elitcar.it/wp-content/themes/elitcar/welcome/Loghi/logo wol.png" alt="smart img"  height="20%" width="20%">

				</div>
			</div>
	  </div>

	  <div class="col-2  d-none d-xl-block ">
	  	<h1 style="padding-top: 50%;padding-bottom: 50%">Magenta</h1>
	  </div>

	  <div class="col-1 d-block d-xl-none">
	 	
	  </div>

	  <div class="col-3 d-block d-xl-none">
	 	<img class =" img-fluid" src="https://elitcar.it/wp-content/themes/elitcar/welcome/Loghi/mercedes crop.png" alt="mercedes-benz img" style="float:right;" height="50%" width="50%">
	  </div>

	  <div class="col-4 my-auto text-center" id="main_title">
	  	
	  	<img class =" img-fluid" src="https://elitcar.it/wp-content/themes/elitcar/welcome/Loghi/elitcar logo centrale.png" alt="Elitcar dal 1987">
	  </div>

	  

	  <div class="col-2  d-none d-xl-block ">
	  	<h1 style="padding-top: 50%;padding-bottom: 50%" >Dormelletto</h1>
	  </div>

	  <div class="col-3 d-block d-xl-none">
	  	<img class = "img-fluid" src="https://elitcar.it/wp-content/themes/elitcar/welcome/Loghi/smart crop.png"  style="float:left" alt="smart img"  height="50%" width="50%">
	  </div>

	  <div class="col-1 d-block d-xl-none">
	 	
	  </div>

	  <div class="col-2 d-none d-xl-block font_mercedes">
	  	<div  class = "rounded-circle div_pieno text-white div_vuoti_hover font_mercedes" style="height:0;width:100%;padding-bottom:100%;" onclick="window.location.href='https://www.elitcar.mercedes-benz.it/it/desktop/home.html'">
	  			<div style="padding: 15%">
					<img class = "img-fluid" src="https://elitcar.it/wp-content/themes/elitcar/welcome/Loghi/mercedes crop.png"  alt="mercedes-benz img" height="30%" width="30%" >
					<img class = "img-fluid" src="https://elitcar.it/wp-content/themes/elitcar/welcome/Loghi/smart crop.png"  alt="smart img"  height="30%" width="30%">

					<p class ="contenuto_cerchi font_mercedes">SERVICE UFFICIALE <br>
					 Mercedes-Benz 
					 Smart </p>
				</div>
			</div>
	  </div>

	</div>
</div>


<div class="container-fluid font-weight-bold">
	<div class="row text-center">
		<div class="col-3 d-block d-xl-none">
	  	</div>
		<div class="col-6 d-block d-xl-none">
	  		<div class = "rounded-circle div_pieno text-white justify-content-center div_vuoti_hover" style="height:0;width:100%;padding-bottom:100%;margin-top:15%;margin-bottom: 15%;" onclick="window.location.href='https://elitcar.it/parco-auto/'">
				<div style="padding: 10% ;height: 15%">
		  		
					<img class =" img-fluid" src="https://elitcar.it/wp-content/themes/elitcar/welcome/Loghi/mercedes crop.png" alt="mercedes-benz img" style="float:center;padding-right: 5%;" height="30%" width="30%">
					<img class = " img-fluid" src="https://elitcar.it/wp-content/themes/elitcar/welcome/Loghi/smart crop.png"  style="float:center" alt="smart img"  height="30%" width="30%">
					<br>
					<p class ="contenuto_cerchi">VENDITA AUTO NOLEGGIO <br>New sede Arona </p>
					<img class = "img-fluid" src="https://elitcar.it/wp-content/themes/elitcar/welcome/Loghi/logo audi.png" alt="mercedes-benz img"  height="30%" width="30%">
					<img class = " img-fluid" src="https://elitcar.it/wp-content/themes/elitcar/welcome/Loghi/logo wol.png" alt="smart img"  height="20%" width="20%">

				</div>
			</div>
	    </div>
	  	<div class="col-3 d-block d-xl-none">
	  	</div>

	  	<div class="col-3 d-block d-xl-none">
	  	</div>
		<div class="col-6 col-xl  " >
			<div class = "rounded-circle div_vuoto  text-center div_vuoti_hover" style="height:0;width:100%;padding-bottom:100%;margin-top:15%;margin-bottom: 15%;">
				
				<div>
					<p class ="contenuto_cerchi" style="margin-top:50%;margin-bottom: 50%;">CARROZZERIA</p>
				</div>
				
			</div>
		</div>
		<div class="col-3 d-block d-xl-none">
	  	</div>

	  	<div class="col-3 d-block d-xl-none">
	  	</div>
		<div class="col-6 col-xl " onclick="window.location.href='https://elitcar.it/estensioni-garanzia/'" >
			<div class = "rounded-circle div_vuoto div_vuoti_hover" style="height:0;width:100%;padding-bottom:100%;margin-top:15%;margin-bottom: 15%;">
				
				<div style="margin-top:25%;margin-bottom: 25%;">
					<p class ="contenuto_cerchi"> SERVIZI <br> Manutenzione <br>est. garanzia</p>
				</div>	
			</div>
		</div>
		<div class="col-3 d-block d-xl-none">
	  	</div>

	  	<div class="col-3 d-block d-xl-none">
	  	</div>
		<div class="col-6 col-xl ">
			<div class = "rounded-circle div_vuoto div_vuoti_hover" style="height:0;width:100%;padding-bottom:100%;margin-top:15%;margin-bottom: 15%;">
				<div style="margin-top:25%;margin-bottom: 25%;">
					<p class ="contenuto_cerchi"> RICCARDI 
					<br>
					 Pratiche Auto
					<br>
					Immatricolazioni
					<br>
					Assicurazioni
					</p>
				</div>
			</h4>
			</div>
		</div>
		<div class="col-3 d-block d-xl-none">
	  	</div>

	  	<div class="col-3 d-block d-xl-none">
	  	</div>
		<div class="col-6 col-xl " >
			<div class = "rounded-circle div_pieno text-white div_vuoti_hover" style="height:0;width:100%;padding-bottom:100%;margin-top:15%;margin-bottom: 15%;" onclick="window.location.href='https://elitcar.it/parco-auto/'">
				<div style="padding-top: 5%;">
					<img class =" img-fluid" src="https://elitcar.it/wp-content/themes/elitcar/welcome/Loghi/mercedes crop.png" alt="mercedes-benz img" style="float:center;padding-right: 5%;" height="20%" width="20%">
					<img class = " img-fluid" src="https://elitcar.it/wp-content/themes/elitcar/welcome/Loghi/smart crop.png"  style="float:center" alt="smart img"  height="20%" width="20%">

					

					<p class ="contenuto_cerchi">VENDITA AUTO<br>Usate - Aziendali <br>Km 0 - Nuove </p>

					<img class = " img-fluid" src="https://elitcar.it/wp-content/themes/elitcar/welcome/Loghi/logo audi.png" alt="audi img"  height="30%" width="30%">
					<img class = " img-fluid" src="https://elitcar.it/wp-content/themes/elitcar/welcome/Loghi/logo wol.png" alt="wol img"  height="20%" width="20%">
				</div>
			</div>
		</div>
		<div class="col-3 d-block d-xl-none">
	  	</div>

	  	<div class="col-3 d-block d-xl-none">
	  	</div>
		<div class="col-6 col-xl ">
			<div class = "rounded-circle div_vuoto div_vuoti_hover" style="height:0;width:100%;padding-bottom:100%;margin-top:15%;margin-bottom: 15%;"onclick="window.location.href='http://elitcar.it/eShop'">
				<div style="margin-top:25%;margin-bottom: 25%;">
					<p class ="contenuto_cerchi"> NEGOZIO
					<br>
					 Accessori Originali 
					<br>
					 per idee originali </p>
				</div>
				

			</div>
		</div>
		<div class="col-3 d-block d-xl-none">
	  	</div>

	  	<div class="col-3 d-block d-xl-none">
	  	</div>
		<div class="col-6 col-xl " >
			<div class = "rounded-circle  div_vuoto div_vuoti_hover" style="height:0;width:100%;padding-bottom:100%;margin-top:15%;margin-bottom: 15%;"onclick="window.location.href='https://malpensarent.eu/'">
					<div style="margin-top:25%;margin-bottom: 25%;">
						<p class ="contenuto_cerchi"> MALPENSARENT 
						<br>
						Noleggio
						<br>
						Auto e Furgoni </p>
					</div>				
			</div>			
		</div>
		<div class="col-3 d-block d-xl-none">
	  	</div>

	  	<div class="col-3 d-block d-xl-none">
	  	</div>
		<div class="col-6 col-xl ">
			<div class = "rounded-circle  div_vuoto div_vuoti_hover" style="height:0;width:100%;padding-bottom:100%;margin-top:15%;margin-bottom: 15%;" >
				<div style="margin-top:25%;margin-bottom: 25%;">

					

					<p class ="contenuto_cerchi">Officina specializzata

					<br>
					 Volkswagen
					
					Audi </p>
				</div>
			</div>
		</div>

		<div class="col-3 d-block d-xl-none">
	  	</div>

	  	<div class="col-3 d-block d-xl-none">
	  	</div>
		<div class="col-6 d-block d-xl-none">
	  		<div class = "rounded-circle div_pieno text-white justify-content-center div_vuoti_hover " style="height:0;width:100%;padding-bottom:100%;margin-top:15%;margin-bottom: 15%;" onclick="window.location.href='https://www.elitcar.mercedes-benz.it/it/desktop/home.html'">
				
		  		
					<div style="padding: 15%">
					<img class = "img-fluid" src="https://elitcar.it/wp-content/themes/elitcar/welcome/Loghi/mercedes crop.png"  alt="mercedes-benz img" height="30%" width="30%" >
					<img class = "img-fluid" src="https://elitcar.it/wp-content/themes/elitcar/welcome/Loghi/smart crop.png"  alt="smart img"  height="30%" width="30%">

					<p class ="contenuto_cerchi font_mercedes">SERVICE UFFICIALE 
					 Mercedes-Benz 
					 Smart </p>
				</div>
			
				</div>
			</div>
	    </div>
	  	<div class="col-3 d-block d-xl-none">
	  	</div>

		
	</div>



	<div class="row">

		<div class = "col 4">
		</div>
			
		<div class="col 4 text-center">
			<h3 class = "text-center"> N 1 in Italia per</h3>
	  		<br>
	  		<h3 class = "text-center"> Vendita di Mercedes-Benz Aziendali </h3>
	  		<br>
	  		<h1 class = "text-center"> SEI UN PROFESSIONISTA<br> DEL SETTORE?</h1>
	  		<br>
			<form action="https://elitcar.it/parco-auto/">
				<button class="rounded text-center float-center" style="background-color:#1e7b8c;">
					<p class ="text-white">

					Visita il nostro sito
					</p>
				</button>
			</form>

		</div>

		<div class ="col 4" >
			
		</div>



	</div>



</div>