* {
  	font-family: 'Lato', Helvetica, sans-serif;
  	color: #333447;
  	line-height: 1.5;
  	box-sizing: border-box;
}

html, body {
	background-color: rgb(210, 210, 210);
	font-size: 50%;
	height: 100%;
  	width: 100%;
  	margin: 0;
  	padding: 0;
  	left: 0;
  	top: 0;
}

@font-face {
	font-family: 'Verdana Pro Black';
	font-style: normal;
	font-weight: normal;
	src: local('Verdana Pro Black'), url('VerdanaPro-Black.woff') format('woff');
}

@font-face {
	font-family: 'HP Simplified';
	font-style: normal;
	font-weight: normal;
	src: local('HP Simplified'), url('HP Simplified.woff') format('woff');
}








#navbar {
	height: 12vw;
	width: 100%;
	background-image: url(home/header_slim.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	border: 1px solid black;
	margin-bottom: 4%;
}

#menulist {
	position: absolute;
	left: 0px;
	bottom: 0px;
	margin-left: 8px;
}

.menu {
	background-color: rgba(230, 230, 230, 0.8);
	border: 1px solid black;
	font-family: 'Verdana Pro Black';
	color: rgb(185, 99, 36);
	font-size: 1.5vw;
	display: inline;
	margin-left: 1%;
	margin-right: 1%;
	padding: 1%;
}

#logo {
	position: absolute;
	right: 6px;
	bottom: -12px;
	max-width: 90%;
	max-height: 90%;
	margin-right: 8px;
}

.footer {
	margin-top: 4%;
	height: 5vw;
}

main {
	margin-left: 5%;
	margin-right: 5%;
}








h1, p {
	background-color: rgba(230, 230, 230, 0.8);
	border: 1px solid black;
}

h1 {
	font-family: 'Verdana Pro Black';
	color: rgb(185, 99, 36);
	font-size: 1.5vw;
	padding: 3%;
	position: absolute;
	top: -4vw;
	left: -8px;
}

h1.design {
	top: -4.4vw;
}

h1.prodcyc {
	top: -4.4vw;
}

p {
	font-family: 'HP Simplified';
	color: rgb(51, 51, 51);
	font-size: 1.2vw;
	line-height: 1.5;
	position: absolute;	
}

p.home {
	bottom: -20vw;
	left: -55px;
	padding: 10%;
	font-size: 1.4vw;
}

p.products {
	left: -4.4vw;
	padding: 8%;
}

p.values {
	left: -4.4vw;
	bottom: -22vw;
	padding: 9%;
}

p.design {
	top: 20vw;
	right: -20px;
	margin-left: 4%;
	padding: 6%;
}

p.dintro {
	z-index: 2;
	margin-top: -2%;
	padding: 3%;
	font-size: 1.4vw;
	right: -5vw;
}

p.markets {
	position: static;
	border: none;
	background-color: transparent;
}

img {
	max-width: 100%;
	border: 1px solid black;
}

img.design {
	margin-bottom: 65%;
}

img.dintro {
	margin-top: -8%;
	margin-bottom: 4%;
}

.half {
	max-width: 40%;
	border: none;
	float: right;
}

img.prodcyc {
	max-width: 80%;
}

.col-5.design, .col-6.markets {
	margin-left: 5vw;
}

a {
	font-family: inherit;
	font-size: 1.2em;
	color: rgb(185, 99, 36);
	font-weight: bold;
}

.menu a {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	text-decoration: none;	
}

b {
	color: rgb(185, 99, 35);
	font-family: inherit;
	line-height: inherit;
}

.under {
	margin-top: 4%;
}

.col-4.markets, .col-5.markets, .col-6.markets {
	background-color: rgba(230, 230, 230, 0.8);
	border: 1px solid black;
	padding: 2%;
	background-repeat: no-repeat;
	background-size: 95% 95%;
	background-position: center;
}

iframe {
	width: 100%;
	border: 1px solid black;
	margin-bottom: 20%;
	height: 20vw;
}

#batteries {background-image: url(mercati/bolt.svg);}
#medical {background-image: url(mercati/medical.svg);}
#cables {background-image: url(mercati/cable.svg);}
#jewelry {background-image: url(mercati/diamond.svg);}
#heating {background-image: url(mercati/flame.svg);}
#electronics {background-image: url(mercati/microchip.svg);}











.row {
  position: relative;
  width: 100%;
}

.row [class^="col"] {
  float: left;
  margin: 2%;
  min-height: 0.125rem;
}

.row::after {
  content: "";
  display: table;
  clear: both;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  position: relative;
}

.col-1 {
	width: 4.33%;
}
.col-2 {
	width: 12.66%;
}
.col-3 {
	width: 21%;
}
.col-4 {
	width: 29.33%;
}
.col-5 {
	width: 37.66%;
}
.col-6 {
	width: 46%;
}
.col-7 {
	width: 54.33%;
}
.col-8 {
	width: 62.66%;
}
.col-9 {
	width: 71%;
}
.col-10 {
	width: 79.33%;
}
.col-11 {
	width: 87.66%;
}
.col-12 {
	width: 96%;
}



@media screen and (max-width: 45em) {

	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 {
		width: 96%;
	}

	p {
		line-height: 1.2;
		font-size: 5vw;
		position: static;
		margin-top: -8%;
		margin-left: 10%;
		margin-bottom: 20%;
	}

	a {
		font-size: 1.2em;
	}

	a.products {
		font-size: 1.2em;
		line-height: 2em;
	}

	p.products {
		font-size: 6vw;
	}

	p.markets {
		margin: 4%;
	}

	.col-5.design {
		margin-bottom: 90%;
	}

	.col-5.design.long {
		margin-bottom: 110%;
	}

	p.design {
		font-size: 4vw;
		margin-left: 0;
		max-width: 90%;
		position: absolute;
		top: 55vw;
		left: 5vw;
	}

	h1.design {
		top: -16vw;
	}

	h1.design.big {
		font-size: 5.5vw;
	}

	img.design {
		margin-bottom: 0;
	}

	p.dintro {
		position: absolute;
		padding: 3%;
		font-size: 6vw;
		left: -5vw;
		margin-right: 10%;
	}

	img.dintro {
		margin-top: -75%;
		margin-bottom: 16%;
		max-width: 100%;
	}

	div.col-7.dintro {
		margin-bottom: 140%;
	}

	img.prodcyc {
		max-width: 100%;
	}

	h1.prodcyc {
		top: -16vw;
	}

	.col-6.markets {
		margin-left: 0;
		margin-bottom: 20vw;
	}

	p.values {
		padding: 4%;
	}

	.col-4.markets {
		margin-bottom: 20%;
	}

	.col-4 {
		width: 94%;
	}
	.col-2 {
		width: 98%;
	}

	img {
		max-width: 90%;
	}

	p.home {
		font-size: 7vw;
		padding: 4%;
	}

	p.products {
		position: static;
	}

	h1 {
		font-size: 6vw;
		top: -16vw;
	}

	#navbar {
		height: 48vw;
		margin-bottom: 20%;
		background-position: center;
	}

	#logo {
		max-width: 60%;
		margin-right: 4px;
	}

	#menulist {
		margin-bottom: 0%;
	}

	.menu {
		font-size: 5.5vw;
		display: inline-block;
		margin-right: 15%;
		margin-bottom: 4.5%;
		padding: 1%;
		width: 30vw;
		text-align: center;
	}

	#navbar.slim {
		margin-bottom: 10%;
	}
}