#bottoni {
	height: 40px;
	width: 240px;
	float: right;
	position: absolute;
	right: 30px;
	top: 15px;
}
#fiemme a {
	height: 40px;
	width: 40px;
	float: right;
	background-image: url(../images/fiemmeantica.png);
	background-position: bottom;
}
#fiemme a:hover {
	background-image: url(../images/fiemmeantica.png);
	background-position: top;
}
#facebook a {
	height: 40px;
	width: 40px;
	float: right;
	margin-right: 10px;
	background-image: url(../images/facebook.png);
	background-position: bottom;
}
#facebook a:hover {
	background-image: url(../images/facebook.png);
	background-position: top;
}
#youtube a {
	height: 40px;
	width: 40px;
	float: right;
	margin-right: 10px;
	background-image: url(../images/youtube.png);
	background-position: bottom;
}
#youtube a:hover {
	background-image: url(../images/youtube.png);
	background-position: top;
}
#contacts a {
	height: 40px;
	width: 40px;
	float: right;
	margin-right: 10px;
	background-image: url(../images/contatti.png);
	background-position: bottom;
}
#contacts a:hover {
	background-image: url(../images/contatti.png);
	background-position: top;
}
#home a {
	height: 40px;
	width: 40px;
	float: right;
	margin-right: 10px;
	background-image: url(../images/home.png);
	background-position: bottom;
}
#home a:hover {
	background-image: url(../images/home.png);
	background-position: top;
}
h1 {
	height: 150px;
	width: 300px;
	float: right;
	position: absolute;
	right: 300px;
	background-image: url(../images/Logo-novaceramiche.png);
	text-indent: -10000px;
	margin: 0px;
	background-size: 100% auto;
}

@media screen and (max-width: 900px) {
#bottoni {
	top: 65px;
}
h1 {
	top: 50px;
}
}

@media screen and (max-width: 550px) {
#bottoni {
	top: 150px;
	right: 50%;
	margin-right: -120px;
}
h1 {
	height: 80px;
	width: 100%;
	top: 55px;
	right: 0;
	background-image: url(../images/Logo-novaceramiche-resp.jpg);
	background-size: auto 80px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #000000;
}
}