/*uguale tranne immagine di sfondo*/
div#imm_inizio_catalogo{
background-image: url(..//immagini/cover_materassi.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;
    }
}


/*prodotti*/
div#contenitore_1{
 width: 100%;
 background-color: white;
 }

 div#informazioni_prodotti{
font-family: 'Raleway', sans-serif;
}

p.spiegazione_prodotti{
/*height: 374.8;*/           /*allineo verticalmente il testo*/
display: flex;
justify-content: center;
flex-direction: column;      /*finisco di allineare verticalmente iltesto*/
text-align: justify;
}

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


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

  div#informazioni_prodotti{
    width: 60%;
    height: 410px;
    float: left;
  }

  p.spiegazione_prodotti{
    height: 374.8px;
    margin-left: 20%;
    margin-right: 20%;
  }

  div#contenitore_immagine_left{
    float: right;
    height: 100%;
    width: 40%;
  }
  @media  (min-width: 1100px ){
		p.spiegazione_prodotti{
			font-size:110%;
    }
  }	
  
  @media  (max-width:1100px){
		p.spiegazione_prodotti{
			font-size:100%;
		}
	}

}

@media screen and (max-width:800px){ /*dimensione ridotta*/
  

  div#informazioni_prodotti{
    width: 100%;
    height: 100%
   }

  p.spiegazione_prodotti{
    height: 100%;
  	margin-top:0;
		margin-bottom:0;
		margin-left: 15%;
		margin-right: 15%;
  }

  div#contenitore_immagine_left{
    height: 0%;
    width: 0%;
  }

  /*ridimensionamento scritte*/
  
  @media  (max-height:500px),(max-width:448px){
		p.spiegazione_prodotti{
			font-size:85%;
    }
    div#contenitore_1{
      height:80%;
    }
	}
	
	@media  (min-height:500px) and (max-height:800px),
  (min-width:448px) and (max-width:800px){
		p.spiegazione_prodotti{
			font-size:100%;
    }
    div#contenitore_1{
      height:75%;
    }
	}
	
	@media  (min-height: 800px ){
		p.spiegazione_prodotti{
			font-size:110%;
    }
    div#contenitore_1{
      height:65%;
    }
}

}

div#contenitore_1:hover{
  box-shadow: 0px 19px 20px 9px #1c1d1fa1;
}




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/trama_tessuto.jpg);
}

div#bottom_right{
	float: left;
	height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url(..//immagini/macchina_maniglie.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:0%;
	}
	div#bottom_left{
		width:100%;
	}
}