html, body{
	background-image:url('../img/home.png');
	transition: .4s;
	/*-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;*/
	background-size:cover;
    background-position: 0% 0%;
	filter:none;
	-webkit-filter: grayscale(0%);
  	-webkit-transition: all 4000ms;
}
.BandW{
	filter: gray;
	-webkit-filter: grayscale(100%);
  	-webkit-transition: all 4000ms;
}
html, body, .container-table{
	height:100%;
}
html a, html a:hover{
	color:#fff;
}
.container-table{
	display:table;
}
.vertical-center-row{
	display:table-cell;
	vertical-align: middle;
}
/*
.custom-home-div{
	background-color: #222;
	color:#fff;
	font-size: 2em;
	padding: 1em 0em;
	font-weight: 200;
	transition: all 4s;
  	-webkit-transition: all 4000ms;
	letter-spacing: 1px;
}
.color{
	background-color: #FF3434;
	color: #fff;
	transition: all 4s;
  	-webkit-transition: all 4000ms;
}
*/
.custom-home-div{
	background-color: #222;
	color:#fff;
	font-size: 2em;
	padding: 1em 0em;
	font-weight: 200;
	letter-spacing: 1px;
}
.color{
	background-color: rgba(255, 52, 52, 0.8);
	color: #fff;
	transition: all 2s;
  	-webkit-transition: all 2000ms;
}
.span1{
	opacity: 1;
	margin:0;
	transition: .7s;
}
.span2{
	opacity: 0;
	margin:0;
	margin-top: -40px;
	transition: .7s;
}
.hide-span{
	opacity: 0;
	transition-delay: 2.5s;
}
.show-span{
	opacity: 1;
	transition-delay: 2.5s;
}
.vertical-bottom-row{
	bottom: 10%;
	color:#fff;
	font-weight: 600;
	font-size:1.1em;
	letter-spacing: 0.15em;
    position: fixed;
    text-align: center;
    width: 100%;
	left:0;
	font-weight:400;
}
.vertical-bottom-row a{
	cursor: pointer;
}
.vertical-bottom-row span{
	vertical-align: top;
}
.biscotto{
	padding: 0;
}

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

	html, body{
		background-image:url('../img/home-mobile.png');
		background-size: cover;
    	background-position: 80% 100%;
	}

}