.guida1,
.guida2,
.guida3,
.guida4,
.guida5,
.guida6  {
	background: url('../images/guide.gif') 0 0 no-repeat;
	display:block;
	height: 90px;
	width:100%;
}
.guide h3 {
	font-size: 18px;
	line-height: 18px;
	font-weight:bold;
}
.guida1  {
	background-position: -75px 0;
}
.guida1:hover, 
.guida1.selected  {
	background-position: -75px -90px;
}
.guida2  {
	background-position: -340px 0;
}
.guida2:hover, 
.guida2.selected {
	background-position: -340px -90px;
}
.guida3 {
	background-position: -605px 0;
}
.guida3:hover, 
.guida3.selected {
	background-position: -605px -90px;
}
.guida4  {
	background-position: -870px 0;
}
.guida4:hover, 
.guida4.selected {
	background-position: -870px -90px;
}
.guida5  {
	background-position: -1130px 0;
}
.guida5:hover, 
.guida5.selected  {
	background-position: -1130px -90px;
}
.guida6  {
	background-position: -1400px 0;
}
.guida6:hover  {
	background-position: -1400px -90px;
}
.card-group .card.ricetta.guida .card-title {
	margin: 10px 0;
}


@media screen and (max-width: 1199px) { 
	.guide { padding:0 10px;}
	.guida1  {
		background-position: -88px 0;
	}
	.guida1:hover  {
		background-position: -88px -90px;
	}
	.guida2  {
		background-position: -345px 0;
	}
	.guida2:hover {
		background-position: -345px -90px;
	}
	.guida3 {
		background-position: -615px 0;
	}
	.guida3:hover {
		background-position: -615px -90px;
	}
	.guida4  {
		background-position: -877px 0;
	}
	.guida4:hover  {
		background-position: -877px -90px;
	}
	.guida5  {
		background-position: -1140px 0;
	}
	.guida5:hover  {
		background-position: -1140px -90px;
	}
	.guida6  {
		background-position: -1408px 0;
	}
	.guida6:hover  {
		background-position: -1408px -90px;
	}
	
	
}



@media screen and (max-width: 767px) { 
	
	.guide { padding:0 15px;}
	.guida1  {
		background-position: -20px 0;
	}
	.guida1:hover  {
		background-position: -20px -90px;
	}
	.guida2  {
		background-position: -285px 0;
	}
	.guida2:hover {
		background-position: -285px -90px;
	}
	.guida3 {
		background-position: -555px 0;
	}
	.guida3:hover {
		background-position: -555px -90px;
	}
	.guida4  {
		background-position: -815px 0;
	}
	.guida4:hover  {
		background-position: -815px -90px;
	}
	.guida5  {
		background-position: -1075px 0;
	}
	.guida5:hover  {
		background-position: -1075px -90px;
	}
	.guida6  {
		background-position: -1345px 0;
	}
	.guida6:hover  {
		background-position: -1345px -90px;
	}
	

}




@media screen and (max-width: 683px) { 
	
	.guida1  {
		background-position: -35px 0;
	}
	.guida1:hover  {
		background-position: -35px -90px;
	}
	.guida2  {
		background-position: -300px 0;
	}
	.guida2:hover {
		background-position: -300px -90px;
	}
	.guida3 {
		background-position: -570px 0;
	}
	.guida3:hover {
		background-position: -570px -90px;
	}
	.guida4  {
		background-position: -830px 0;
	}
	.guida4:hover  {
		background-position: -830px -90px;
	}
	.guida5  {
		background-position: -1090px 0;
	}
	.guida5:hover  {
		background-position: -1090px -90px;
	}
	.guida6  {
		background-position: -1360px 0;
	}
	.guida6:hover  {
		background-position: -1360px -90px;
	}

}



	

@media screen and (max-width: 600px) { 
		
	
	.guida1  {
		background-position: -45px 0;
	}
	.guida1:hover  {
		background-position: -45px -90px;
	}
	.guida2  {
		background-position: -310px 0;
	}
	.guida2:hover {
		background-position: -310px -90px;
	}
	.guida3 {
		background-position: -580px 0;
	}
	.guida3:hover {
		background-position: -580px -90px;
	}
	.guida4  {
		background-position: -840px 0;
	}
	.guida4:hover  {
		background-position: -840px -90px;
	}
	.guida5  {
		background-position: -1100px 0;
	}
	.guida5:hover  {
		background-position: -1100px -90px;
	}
	.guida6  {
		background-position: -1370px 0;
	}
	.guida6:hover  {
		background-position: -1370px -90px;
	}
	
	
	


}


@media screen and (max-width: 568px) { 
	
	.guida1  {
		background-position: -5px 0;
	}
	.guida1:hover  {
		background-position: -5px -90px;
	}
	.guida2  {
		background-position: -270px 0;
	}
	.guida2:hover {
		background-position: -270px -90px;
	}
	.guida3 {
		background-position: -540px 0;
	}
	.guida3:hover {
		background-position: -540px -90px;
	}
	.guida4  {
		background-position: -800px 0;
	}
	.guida4:hover  {
		background-position: -800px -90px;
	}
	.guida5  {
		background-position: -1060px 0;
	}
	.guida5:hover  {
		background-position: -1060px -90px;
	}
	.guida6  {
		background-position: -1330px 0;
	}
	.guida6:hover  {
		background-position: -1330px -90px;
	}
	
	
	

}


@media screen and (max-width: 533px) { 
	
	.guida1  {
		background-position: -15px 0;
	}
	.guida1:hover  {
		background-position: -15px -90px;
	}
	.guida2  {
		background-position: -280px 0;
	}
	.guida2:hover {
		background-position: -280px -90px;
	}
	.guida3 {
		background-position: -550px 0;
	}
	.guida3:hover {
		background-position: -550px -90px;
	}
	.guida4  {
		background-position: -810px 0;
	}
	.guida4:hover  {
		background-position: -810px -90px;
	}
	.guida5  {
		background-position: -1070px 0;
	}
	.guida5:hover  {
		background-position: -1070px -90px;
	}
	.guida6  {
		background-position: -1343px 0;
	}
	.guida6:hover  {
		background-position: -1343px -90px;
	}

}



@media screen and (max-width: 414px) { 
	.guida1  {
		background-position: -45px 0;
	}
	.guida1:hover  {
		background-position: -45px -90px;
	}
	.guida2  {
		background-position: -310px 0;
	}
	.guida2:hover {
		background-position: -310px -90px;
	}
	.guida3 {
		background-position: -580px 0;
	}
	.guida3:hover {
		background-position: -580px -90px;
	}
	.guida4  {
		background-position: -840px 0;
	}
	.guida4:hover  {
		background-position: -840px -90px;
	}
	.guida5  {
		background-position: -1100px 0;
	}
	.guida5:hover  {
		background-position: -1100px -90px;
	}
	.guida6  {
		background-position: -1373px 0;
	}
	.guida6:hover  {
		background-position: -1373px -90px;
	}


}



@media screen and (max-width: 375px) { 
	.guida1  {
		background-position: -50px 0;
	}
	.guida1:hover  {
		background-position: -50px -90px;
	}
	.guida2  {
		background-position: -315px 0;
	}
	.guida2:hover {
		background-position: -315px -90px;
	}
	.guida3 {
		background-position: -585px 0;
	}
	.guida3:hover {
		background-position: -585px -90px;
	}
	.guida4  {
		background-position: -845px 0;
	}
	.guida4:hover  {
		background-position: -845px -90px;
	}
	.guida5  {
		background-position: -1105px 0;
	}
	.guida5:hover  {
		background-position: -1105px -90px;
	}
	.guida6  {
		background-position: -1380px 0;
	}
	.guida6:hover  {
		background-position: -1380px -90px;
	}
}

			

@media screen and (max-width: 320px) { 
	.guida1  {
		background-position: -70px 0;
	}
	.guida1:hover  {
		background-position: -70px -90px;
	}
	.guida2  {
		background-position: -335px 0;
	}
	.guida2:hover {
		background-position: -335px -90px;
	}
	.guida3 {
		background-position: -605px 0;
	}
	.guida3:hover {
		background-position: -605px -90px;
	}
	.guida4  {
		background-position: -865px 0;
	}
	.guida4:hover  {
		background-position: -865px -90px;
	}
	.guida5  {
		background-position: -1125px 0;
	}
	.guida5:hover  {
		background-position: -1125px -90px;
	}
	.guida6  {
		background-position: -1400px 0;
	}
	.guida6:hover  {
		background-position: -1400px -90px;
	}
	
	
}