.only-mobile {
	display: block;
}

.no-mobile {
	display: none;
}

.container-scroll {
	padding: 60px 0px 60px 0px;
	height: 100%;
}

text {
	font-size: 10px;
}

@media screen and (min-width: 768px) {

.only-mobile {
	display: none;
}

.no-mobile {
	display: block;
}

.container-scroll {
	height: calc(100% - 300px);
	padding: 20px 0px 20px 0px;
}

.home-nav, .container-link {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 100;	
}

.link {
	position: relative;
	height: 300px;
	overflow: hidden;
	width: 600px;
}

.link a {
	background-position: bottom center;
	background-repeat: no-repeat;
	width: 11.11%;
	transform: translateY(-50px);
	height: 300px;
	display: block;
	text-transform: uppercase;
	color:#000;
	float: left;
}

/*

.link a {
	background-position: bottom center;
	background-repeat: no-repeat;
	width: 12.5%;
	transform: translateX(0%);
	height: 300px;
	display: block;
	text-transform: uppercase;
	position: absolute;
	color:#000;
	bottom: 50px;
}

.link .link-storia {
	background-image: url(img/link-storia.png);
	left: 0;

}

.link .link-percorsi {
	background-image: url(img/link-percorsi.png);
	left: 12%;
}

.link .link-bikefriends {
	background-image: url(img/link-bike-friend.png);
	left: 24%;
}

.link .link-blog {
	background-image: url(img/link-blog.png);
	left: 36%;
}

.link .link-news {
	background-image: url(img/link-news.png);
	right: 40%;
}

.link .link-sponsor {
	background-image: url(img/link-sponsor.png);
	right: 36%;
}

.link .link-patrocini {
	background-image: url(img/link-sponsor.png);
	right: 24%;
}

.link .link-regolamento {
	background-image: url(img/link-regolamento.png);
	right: 12%;
}

.link .link-contatti {
	background-image: url(img/link-iscriviti.png);
	right: 0;
}

*/

.link .link-storia {
	background-image: url(img/link-storia.png);

}

.link .link-percorsi {
	background-image: url(img/link-percorsi.png);
}

.link .link-bikefriends {
	background-image: url(img/link-bike-friend.png);
}

.link .link-blog {
	background-image: url(img/link-blog.png);
}

.link .link-news {
	background-image: url(img/link-news.png);
}

.link .link-sponsor {
	background-image: url(img/link-sponsor.png);
}

.link .link-patrocini {
	background-image: url(img/link-sponsor.png);
}

.link .link-regolamento {
	background-image: url(img/link-regolamento.png);
}

.link .link-contatti {
	background-image: url(img/link-iscriviti.png);
}

.link a p {
	font-weight: bold;
	display: inline-block;
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    margin-bottom: 0px;
	position: absolute;
  left: 50%;
  bottom: 90px;
  transform-origin: left bottom;
  transform: rotate(-90deg);
  font-size: 15px;
}

.link .link-active {
	background-image: url(img/link-active.png);
	color: #fff;
}


}

@media screen and (min-width: 992px) {

.link {
	width: calc(100% - 200px);
}


}

@media screen and (min-width: 1200px) {




.link a {

}

.link .link-storia {
	transform: translateY(-80px);
}

.link .link-percorsi {
	transform: translateY(-110px);
}

.link .link-bikefriends {
	transform: translateY(-100px);
}

.link .link-blog {
	transform: translateY(-70px);
}

.link .link-news {
	transform: translateY(-60px);
}

.link .link-sponsor {
	transform: translateY(-45px);
}

.link .link-patrocini {
	transform: translateY(-70px);
}

.link .link-regolamento {
	transform: translateY(-55px);
}

.link .link-contatti {
	transform: translateY(-70px);
}


/*

.link .link-storia {
	bottom: 60px;
}

.link .link-percorsi {
	bottom: 110px;
}

.link .link-bikefriends {
	bottom: 80px;
}

.link .link-blog {
	bottom: 50px;
}

.link .link-news {
	bottom: 50px;
}

.link .link-sponsor {
	bottom: 50px;
}

.link .link-regolamento {
	bottom: 50px;
}

.link .link-contatti {
	bottom: 50px;
}

*/


}



@media screen and (min-width: 1300px) {

.link {
 width: 1170px;
}




}