div#imm_inizio_catalogo{
background-image: url(..//immagini/tessuti.jpg);
}

@media screen and (min-width:1000px){
	h1#nome_catalogo{
	  font-size:5vw;
	}
  }
  @media screen and (min-width:700px) and (max-width:1000px){
	h1#nome_catalogo{
	  font-size:7vw;
	}
  }
  
  @media screen and (min-width:590px) and (max-width:700px){
	h1#nome_catalogo{
	  font-size:8vw;
	}
  }
  
	@media screen and (max-width:590px) {
	  h1#nome_catalogo{
		font-size:10vw;
	  }
  }
/*testo + immagine*/


div.classe_prodotti{
 	width: 100%;
	background-color:white;
 }

 div#informazioni_prodotto{
	font-family: 'Raleway', sans-serif;
	/*height: 374.8px;   */          /*allineo verticalmente il testo*/
	display: flex;
	justify-content: center;
	flex-direction: column; /*finisco di allineare verticalmente iltesto*/
	color: #2D2D2D;
}

p.spiegazione_prodotto{
	text-align: justify;
}
	
li.tipi_tessuti{
	list-style-type: none;
}

div#immagine_prodotto_1{
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-image: url(..//immagini/cristian_line.jpg);
}

/*modifiche per sito responsive*/
@media screen and (min-width:800px){ /* dimensione massima*/
	div#prodotto_1{
		height: 410px;
	}

	div#informazioni_prodotto{
		height: 374.8px;
		width: 60%;
		float: left;
	}

	p.spiegazione_prodotto{
		font-size: 100%;
		margin-left: 8%;
		margin-right: 8%;
	}
	
	div#immagine_prodotto_1{
		float: right;
		height: 100%;
		width: 40%;
	}

	ul#tessuti{
	margin-right:8%;
	margin-left:9%;
	}
}

@media screen and (max-width:800px){ /*dimensione ridotta*/
	div#prodotto_1{
		width: 100%;
	}

	div#informazioni_prodotto{
		height: 100%;
		width: 100%;
		margin-top:0;
		margin-bottom:0;
	}

	div#immagine_prodotto_1{	
		height: 0%;
		width: 100%
	}

	ul#tessuti{
		margin-right:8%;
	}

	p.spiegazione_prodotto{
		margin-left: 8%;
		margin-right: 8%;
	}
	@media  (max-height:500px),(max-width:448px){
		p.spiegazione_prodotto{
			font-size:70%;
		}

		ul#tessuti{
			font-size:65%;
			margin-left:3%;
		}

		li.tipi_tessuti{
			list-style-type: disc;
		}

		div#prodotto_1{
			height: 80%;
		}
	}
	
	@media  (min-height:500px) and (max-height:600px),
	 (min-width:448px) and (max-width:700px){
		p.spiegazione_prodotto{
			font-size:85%;
		}
		ul#tessuti{
			font-size:76%;
			margin-left:5%;
		}
	
		li.tipi_tessuti{
			list-style-type: disc;
		}
		div#prodotto_1{
			height: 75%;
		}
	}
	
	
	@media  (min-height:600px) and (max-height:800px),
	 (min-width:700px) and (max-width:800px){
		p.spiegazione_prodotto{
			font-size:100%;
		}

		ul#tessuti{
			font-size:96%;
			margin-left:6%;
		}

		li.tipi_tessuti{
			list-style-type: disc;
		}
		div#prodotto_1{
			height: 75%;
		}
	}
	
	@media  (min-height: 800px ){
		p.spiegazione_prodotto{
			font-size:110%;
		}

		ul#tessuti{
			font-size:96%;
			margin-left:9%;
		}
		li.tipi_tessuti{
			list-style-type: none;
		}
		div#prodotto_1{
			height: 65%;
		}
	}

}


/*immagini fondo pagina*/

div#bottom{
	width:100%;

	overflow: hidden;
	margin-bottom: 280px;
	box-shadow: 0px 19px 20px 9px #1c1d1fa1;
}

div#bottom_left{
	float: left;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url(..//immagini/filato.jpg);
}


div#bottom_right{
	float: left;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url(..//immagini/tessuti-2.jpg);
}

@media screen and (min-width:800px){
	div#bottom{
		height:51%;
	}
	div#bottom_right{
		width: 50%;
	}
	div#bottom_left{
		width:50%;
	}
}

@media screen and (max-width:800px){
	div#bottom{
		height: 45%;
	}
	div#bottom_right{
		width:100%;
	}
	div#bottom_left{
		width:0%;
	}
}