@charset "utf-8";
/* CSS Document */
/*modifiche del sito*/
@font-face {
   font-family: 'ToyotaRegular';
   src: url('ToyotaType-Regular.woff2') format('truetype');
}
:root {
	--primary-dark: #343434;
}
body{
	font-family: 'ToyotaRegular';
	font-size: 14pt;
}
a.btn-light:hover{
	color: #fff !important;
	background-color: var(--primary-dark) !important;
}
.container{
	margin-top: 0px !important;
}
.img-mobile{
	display: none;
}
#header{
	background-color:#fff;
}
#testata{
	background-image: url('../img/bg_testata.jpg');
	background-position: right;
	min-height: 750px;
	margin: 0px;
	padding: 0px;
}
.bg-red{
	background-color: #981e25;
}
.testo_testata{
	max-width: 400px;
	height: 750px;
	color: #fff;
	margin-left: 8rem !important;
}
.testo_testata .btn{
	width: 100%;
}
.testo_testata .btn:hover{
	background-color:var(--primary-dark) !important;
	color: #fff;
}

#centrale{
	background-image: url('../img/bg_centrale.jpg');
	background-position: center;
	min-height: 1650px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.testo-box-centrale1,.testo-box-centrale2,.testo-box-centrale3{
	min-height: 330px;
	background-color: #fff;
	color: var(--primary-dark);
	clear: both;
}

#gallery{
	margin: 0px;
	padding: 0px;
}

#info{
	background-image: url('../img/bg_info.jpg');
	background-position:center;
	background-size: cover;
	min-height: 750px;
	margin: 0px;
	padding: 0px;
}

.testo_info{
	max-width: 400px;
	height: 750px;
	color: #fff;
	margin-right: 8rem !important;
	background-color: var(--primary-dark);
}
.testo_info .btn{
	width: 100%;
}

#personalizza{
	min-height: 620px;
	margin: 0px;
	padding: 0px;
	position: relative;
	background-image: url('../img/bg_personalizza.jpg');
	background-position: center;
}

.testo_personalizza{
	height: 330px;
	color: #fff;
	margin-left: 0px;
	margin-bottom: 0px;
	bottom:2vw;
}

#navigazione{
	background-color: var(--primary-dark);
}
#logo_nav img svg path {
	fill: #94d31b;
}
#navigazione .btn{
	width: 200px;
}

#footer{
	min-height: 100px;
}

 

@media screen and (max-width: 1024px) {
	
	#testata{
		background-position: center;
	}

	.testo_testata{
		margin-left: 0px !important;
		max-width: 50%;
	}
	.testo_personalizza{
		height: 360px;
	}

}


@media screen and (max-width: 600px) {

	.img-mobile{
		min-height: 250px !important;
		background-position: center;
		background-size: cover;
		display: block;
	}

	#testata{
		padding-top: 145px;
		background-size: contain;
		background-position: top;
	}

	.testo_testata{
		max-width: 100%;
		margin-left: 0rem !important;
		font-size: 14pt;
	}
	.testo_personalizza{
		height: 400px;
	}
	#centrale{
		background-position: left;
	}
	.w-50{
		width: 100% !important;
	}
	#footer{
		min-height: 230px;
	}
}